PortfoLitO

Appearance

PortfoLitO

About ​

PortfoLitO is a small library of Lit-based Web Components for Software Developers to build simple Portfolio of Work Pages.

Prerequisites ​

Installation ​

PortfoLitO can be installed alongside Lit using your preferred package manager

shell
npm i lit@3.1 portfolito
shell
yarn add lit@3.1 portfolito
shell
pnpm add lit@3.1 portfolito

Usage ​

Simply import the package anywhere in your source code, being sure to include your code in the page with a module script tag.

js
import "portfolito";

// ...any other code!
html
<html>
    <head>
        <title>My Portfolio of Work</title>
        <script type="module" src="index.js"></script>
        <!-- The Rest of Your Document Head -->
    </head>
    <body>
        <!-- Your Content! -->
    </body>
</html>

That's all! Once imported, PortfoLitO will automatically register all of its Web Components, and the rest is handled by the browser itself.