Delengen Lily ing aplikasi nyata
Pitu proyèk conto sing wis dikerjakaké nuduhaké carané njupuk komponèn tanpa sirah, nambahaké gaya, lan ngrilis situs web nyata. Pilih framework sing sampéyan enggo.
Aplikasi demo kanthi CSS lan rute lengkap
HTML JavaScript
Kaca HTML biasa, JavaScript vanilla, ora ana piranti build. Cocog ing host statis apa waé — sampurna kanggo situs cilik lan peningkatan progresif.
Svelte + SvelteKit
Aplikasi SvelteKit 3 sing nganggo rune Svelte 5. Rute komponèn, rute adhedhasar berkas, lan storybook sing digayani kanggo saben komponèn.
React + Next.js
Aplikasi Next.js 16 sing nuduhaké saben komponèn ing konteks, kanthi TypeScript ing endi-endi lan kaca demo kanggo pola gabungan.
Vue + Nuxt.js
Aplikasi Nuxt 4. <script setup> lan Composition API ing saben rute demo.
Angular + Analog
Aplikasi Angular 22 + Analog.js. Rute adhedhasar berkas, sinyal, deteksi owah-owahan tanpa zona, lan prarender SSG lengkap.
Blazor Web
Aplikasi Blazor Web kanthi komponèn Razor. Ramah server lan WebAssembly, kanthi dasar .NET 10.
Nunjucks + Eleventy
Situs Eleventy sing nganggo makro Nunjucks. Ideal kanggo situs statis sing akèh isiné nanging tetep péngin sistem komponèn nyata.
Saben aplikasi conto duwé wangun sing padha
Supaya mlumpat antar framework kroso akrab, saben aplikasi conto nyedhiyakaké:
- Rute sambutan ing
/sing ngenalaké proyèk. - Indèks komponèn ing
/componentssing ndaftar saben komponèn. - Kaca demo saben komponèn ing
/components/<component>. - CSS nyata — dudu token desain abstrak — supaya sampéyan bisa langsung nyilih gaya.
- Navigasi keyboard lan manajemen fokus sing langsung makarya.
Péngin ndeleng carané siji komponèn digayani?
Bukak aplikasi conto sing cocog, menyanga
/components/<name>lan salinen markup lan CSS menyang proyèk sampéyan dhéwé. Aplikasi conto sengaja nganggo CSS biasa (utawa meh biasa) supaya sampéyan bisa nyesuaikaké karo sistem apa waé sing sampéyan senengi.
Péngin tanpa sirah?
Pasangna aplikasi conto apa waé karo paket tanpa sirah sing cocog — kuwi ngrilis komponèn sing padha tanpa CSS apa waé, siap kanggo token desain sampéyan dhéwé.