See Lily in real apps
Seiven warkit example projects shaw hoo tae tak the headless components, layer on styling, an ship a real website. Pick the framework ye uise.
Demo apps wi full CSS an routin
HTML JavaScript
Plain HTML pages, vanilla JavaScript, nae build tools. Drops intae onie static host — perfect for wee sites an progressive enhancement.
Svelte + SvelteKit
SvelteKit 3 app uisin Svelte 5 runes. Component routes, file-based routin, an a styled storybook o ilka component.
React + Next.js
Next.js 16 app shawin ilka component in context, wi TypeScript throughoot an demo pages for compound patterns.
Vue + Nuxt.js
Nuxt 4 app. <script setup> an the Composition API athort ilka demo route.
Angular + Analog
Angular 22 + Analog.js app. File-based routin, signals, zoneless change detection, an full SSG prerenderin.
Blazor Web
Blazor Web app wi Razor components. Server- an WebAssembly-freendly, wi .NET 10 baseline.
Nunjucks + Eleventy
Eleventy site uisin Nunjucks macros. Ideal for content-heavy static sites that still want a real component system.
Ilka example app haes the same shape
Tae mak framework-hoppin feel familiar, ilka example app provides:
- A walcome route at
/that introduces the project. - A components index at
/componentsthat lists ilka component. - A demo page per component at
/components/<component>. - Real CSS — no abstract design tokens — sae ye can crib styles directly.
- Wirkin keyboard navigation an focus management oot o the box.
Need tae see hoo a single component is styled?
Open the relevant example app, navigate tae
/components/<name>, an copy the markup an CSS intae yer ain project. The example apps deliberately uise plain CSS (or near-plain) sae ye can adapt them tae onie system ye prefer.
Want headless insteid?
Pair onie example app wi its corresponding headless package — they publish the same components wioot onie CSS, ready for yer ain design tokens.