lilys v0.0.22

Lilys

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-center[all]">
 <header class="g-nm place-center[items] 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