Pogledajte Lily u stvarnim aplikacijama
Sedam gotovih primjera projekata pokazuje kako uzeti bezglave komponente, dodati stiliziranje i objaviti pravu web-stranicu. Odaberite framework koji koristite.
Demo aplikacije s punim CSS-om i usmjeravanjem
HTML JavaScript
Obične HTML stranice, čisti JavaScript, bez alata za izgradnju. Stane na bilo koji statički hosting — savršeno za male stranice i progresivno poboljšanje.
Svelte + SvelteKit
SvelteKit 3 aplikacija koja koristi Svelte 5 runove. Rute komponenti, usmjeravanje prema datotekama i stilizirani storybook svake komponente.
React + Next.js
Next.js 16 aplikacija koja prikazuje svaku komponentu u kontekstu, s TypeScriptom svugdje i demo stranicama za složene obrasce.
Vue + Nuxt.js
Nuxt 4 aplikacija. <script setup> i Composition API na svakoj demo ruti.
Angular + Analog
Angular 22 + Analog.js aplikacija. Usmjeravanje prema datotekama, signali, otkrivanje promjena bez zona i potpuno SSG predrenderiranje.
Blazor Web
Blazor Web aplikacija s Razor komponentama. Prikladna za poslužitelj i WebAssembly, s .NET 10 kao osnovom.
Nunjucks + Eleventy
Eleventy stranica koja koristi Nunjucks makroe. Idealna za statičke stranice bogate sadržajem koje ipak žele pravi sustav komponenti.
Svaka primjerna aplikacija ima isti oblik
Da bi prelazak među frameworkima djelovao poznato, svaka primjerna aplikacija nudi:
- Pozdravnu rutu na
/koja predstavlja projekt. - Indeks komponenti na
/componentskoji navodi svaku komponentu. - Demo stranicu po komponenti na
/components/<component>. - Pravi CSS — ne apstraktne dizajnerske tokene — da stilove možete izravno preuzimati.
- Radnu navigaciju tipkovnicom i upravljanje fokusom odmah po instalaciji.
Trebate vidjeti kako je stilizirana pojedina komponenta?
Otvorite odgovarajuću primjernu aplikaciju, idite na
/components/<name>i kopirajte oznake i CSS u vlastiti projekt. Primjerne aplikacije namjerno koriste običan (ili gotovo običan) CSS da ih možete prilagoditi bilo kojem sustavu koji preferirate.
Želite radije bezglavo?
Uparite bilo koju primjernu aplikaciju s odgovarajućim bezglavim paketom — oni objavljuju iste komponente bez ikakvog CSS-a, spremne za vaše vlastite dizajnerske tokene.