Vedi Lily in app reali
Sette progetti di esempio completi mostrano come prendere i componenti headless, aggiungere gli stili e pubblicare un vero sito web. Scegli il framework che usi.
App demo con CSS completo e routing
HTML JavaScript
Semplici pagine HTML, JavaScript puro, nessuno strumento di build. Si adatta a qualsiasi host statico – perfetto per piccoli siti e miglioramento progressivo.
Svelte + SvelteKit
App SvelteKit 3 che usa le rune di Svelte 5. Percorsi dei componenti, routing basato su file e uno storybook con stili per ogni componente.
React + Next.js
App Next.js 16 che mostra ogni componente nel suo contesto, con TypeScript ovunque e pagine demo per i pattern composti.
Vue + Nuxt.js
App Nuxt 4. <script setup> e la Composition API in ogni percorso demo.
Angular + Analog
App Angular 22 + Analog.js. Routing basato su file, signal, rilevamento delle modifiche senza zone e prerendering SSG completo.
Blazor Web
App Blazor Web con componenti Razor. Adatta sia al server sia a WebAssembly, con .NET 10 come base.
Nunjucks + Eleventy
Sito Eleventy che usa macro Nunjucks. Ideale per siti statici ricchi di contenuti che vogliono comunque un vero sistema di componenti.
Ogni app di esempio ha la stessa struttura
Per rendere familiare il passaggio da un framework all'altro, ogni app di esempio offre:
- Un percorso di benvenuto su
/che presenta il progetto. - Un indice dei componenti su
/componentsche elenca ogni componente. - Una pagina demo per ogni componente su
/components/<component>. - CSS reale – non design token astratti – così puoi copiare direttamente gli stili.
- Navigazione da tastiera e gestione del focus funzionanti fin da subito.
Vuoi vedere come è stilizzato un singolo componente?
Apri l'app di esempio pertinente, vai su
/components/<name>e copia il markup e il CSS nel tuo progetto. Le app di esempio usano volutamente CSS semplice (o quasi) così puoi adattarle a qualsiasi sistema preferisci.
Preferisci headless?
Abbina qualsiasi app di esempio al corrispondente pacchetto headless – pubblicano gli stessi componenti senza alcun CSS, pronti per i tuoi design token.