Se Lily i verkliga appar
Sju färdiga exempelprojekt visar hur du tar de huvudlösa komponenterna, lägger på formgivning och levererar en riktig webbplats. Välj det ramverk du använder.
Demoappar med fullständig CSS och routing
HTML JavaScript
Vanliga HTML-sidor, ren JavaScript, inga byggverktyg. Fungerar på vilken statisk värd som helst – perfekt för små webbplatser och progressiv förbättring.
Svelte + SvelteKit
SvelteKit 3-app som använder Svelte 5-runor. Komponentrutter, filbaserad routing och en formgiven storybook över varje komponent.
React + Next.js
Next.js 16-app som visar varje komponent i sitt sammanhang, med TypeScript genomgående och demosidor för sammansatta mönster.
Vue + Nuxt.js
Nuxt 4-app. <script setup> och Composition API på varje demorutt.
Angular + Analog
Angular 22 + Analog.js-app. Filbaserad routing, signaler, zonlös ändringsdetektering och fullständig SSG-förrendering.
Blazor Web
Blazor Web-app med Razor-komponenter. Fungerar med både server och WebAssembly, med .NET 10 som baslinje.
Nunjucks + Eleventy
Eleventy-webbplats som använder Nunjucks-makron. Idealisk för innehållstunga statiska webbplatser som ändå vill ha ett riktigt komponentsystem.
Varje exempelapp har samma form
För att det ska kännas bekant att hoppa mellan ramverk har varje exempelapp:
- En välkomstrutt på
/som presenterar projektet. - Ett komponentindex på
/componentssom listar varje komponent. - En demosida per komponent på
/components/<component>. - Riktig CSS – inte abstrakta designtokens – så att du kan hämta stilar direkt.
- Fungerande tangentbordsnavigering och fokushantering direkt.
Behöver du se hur en enskild komponent formges?
Öppna den aktuella exempelappen, gå till
/components/<name>och kopiera markup och CSS till ditt eget projekt. Exempelapparna använder medvetet ren (eller nästan ren) CSS så att du kan anpassa dem till vilket system du föredrar.
Vill du hellre ha huvudlöst?
Para ihop vilken exempelapp som helst med motsvarande huvudlösa paket – de publicerar samma komponenter utan någon CSS, redo för dina egna designtokens.