Lilys

Lilys Logo

Quick links: Check the repo or read the documentation. Have fun!

Getting Started

You can install Lilys via npm:

pnpm install lilys@latest

How to Import ?

Using Node:

import 'lilys/styles';
import 'lilys/ui';

Using CDN (not tested)

<link rel="stylesheet" url="https://unpkg.com/lilys@latest/styles" />
<link type="module" src="https://unpkg.com/lilys@latest/ui" />

Starter Template

Inside of your project, you'll have the option to use the following folders and files:

<ly-layer stacked="under">
 <!--place not really interactive things here-->
</ly-layer>

<ly-app layout="default" class="place-all-center">
 <header class="g-nm place-items-center flex-col txt-center">
  <h1>Lily's</h1>
  <p>Build UIs Simply. Anywhere.</p>
  <a href="#" class="contents">
   <button>Discover</button>
  </a>
 </header>
</ly-app>

<ly-layer stacked="over">
 <!--place floating items here and things might overlay -->
</ly-layer>

Want to learn more?

Feel free to check our documentation