Oglejte si Lily v pravih aplikacijah
Sedem dodelanih vzorčnih projektov kaže, kako vzeti brezglave komponente, dodati stiliziranje in objaviti pravo spletno mesto. Izberite ogrodje, ki ga uporabljate.
Predstavitvene aplikacije s polnim CSS in usmerjanjem
HTML JavaScript
Preproste strani HTML, čisti JavaScript, brez orodij za gradnjo. Prilega se vsakemu statičnemu gostovanju — odlično za majhna spletna mesta in postopno izboljševanje.
Svelte + SvelteKit
Aplikacija SvelteKit 3, ki uporablja rune Svelte 5. Poti komponent, usmerjanje po datotekah in stiliziran storybook vsake komponente.
React + Next.js
Aplikacija Next.js 16, ki prikazuje vsako komponento v kontekstu, s TypeScriptom povsod in predstavitvenimi stranmi za sestavljene vzorce.
Vue + Nuxt.js
Aplikacija Nuxt 4. <script setup> in Composition API na vsaki predstavitveni poti.
Angular + Analog
Aplikacija Angular 22 + Analog.js. Usmerjanje po datotekah, signali, zaznavanje sprememb brez con in popolno predizrisovanje SSG.
Blazor Web
Aplikacija Blazor Web s komponentami Razor. Primerna za strežnik in WebAssembly, z osnovo .NET 10.
Nunjucks + Eleventy
Spletno mesto Eleventy z makri Nunjucks. Idealno za statična spletna mesta z veliko vsebine, ki vseeno želijo pravi sistem komponent.
Vsaka vzorčna aplikacija ima enako obliko
Da bi bilo preskakovanje med ogrodji domače, vsaka vzorčna aplikacija ponuja:
- Pozdravno pot na
/ki predstavi projekt. - Kazalo komponent na
/componentski našteje vsako komponento. - Predstavitveno stran za vsako komponento na
/components/<component>. - Pravi CSS — ne abstraktni oblikovalski žetoni — da lahko sloge neposredno prevzamete.
- Delujoče krmarjenje s tipkovnico in upravljanje fokusa takoj po namestitvi.
Želite videti, kako je stilizirana posamezna komponenta?
Odprite ustrezno vzorčno aplikacijo, pojdite na
/components/<name>in kopirajte oznake ter CSS v svoj projekt. Vzorčne aplikacije namerno uporabljajo navaden (ali skoraj navaden) CSS, da jih lahko prilagodite kateremukoli sistemu, ki ga imate raje.
Želite raje brezglavo?
Povežite katerokoli vzorčno aplikacijo z ustreznim brezglavim paketom — ti objavljajo iste komponente brez kakršnega koli CSS, pripravljene za vaše lastne oblikovalske žetone.