Lihat Lily di aplikasi nyata
Tujuh proyek contoh menunjukkan cara mengambil komponen headless, menambahkan penataan, dan merilis situs web sungguhan. Pilih framework yang Anda gunakan.
Aplikasi demo dengan CSS lengkap dan perutean
HTML JavaScript
Halaman HTML biasa, JavaScript murni, tanpa perangkat build. Dapat langsung ditaruh di hosting statis mana pun — sempurna untuk situs kecil dan peningkatan progresif.
Svelte + SvelteKit
Aplikasi SvelteKit 3 yang memakai rune Svelte 5. Rute komponen, perutean berbasis berkas, dan storybook bertata untuk setiap komponen.
React + Next.js
Aplikasi Next.js 16 yang menampilkan setiap komponen dalam konteks, dengan TypeScript di seluruh bagian dan halaman demo untuk pola gabungan.
Vue + Nuxt.js
Aplikasi Nuxt 4. <script setup> dan Composition API di setiap rute demo.
Angular + Analog
Aplikasi Angular 22 + Analog.js. Perutean berbasis berkas, signal, deteksi perubahan tanpa zone, dan prarender SSG penuh.
Blazor Web
Aplikasi Blazor Web dengan komponen Razor. Ramah server dan WebAssembly, dengan dasar .NET 10.
Nunjucks + Eleventy
Situs Eleventy yang memakai makro Nunjucks. Ideal untuk situs statis kaya konten yang tetap menginginkan sistem komponen sungguhan.
Setiap aplikasi contoh memiliki bentuk yang sama
Agar berpindah antarframework terasa akrab, setiap aplikasi contoh menyediakan:
- Rute sambutan di
/yang memperkenalkan proyek. - Indeks komponen di
/componentsyang mencantumkan setiap komponen. - Satu halaman demo per komponen di
/components/<component>. - CSS nyata — bukan token desain abstrak — sehingga Anda dapat langsung menyontek gayanya.
- Navigasi papan ketik dan pengelolaan fokus yang langsung berfungsi.
Perlu melihat cara satu komponen ditata?
Buka aplikasi contoh yang relevan, buka /components/<name>, lalu salin markup dan CSS ke proyek Anda sendiri. Aplikasi contoh sengaja memakai CSS biasa (atau hampir biasa) agar Anda dapat menyesuaikannya dengan sistem apa pun yang Anda sukai.
Ingin headless saja?
Padukan aplikasi contoh mana pun dengan paket headless yang sesuai — paket itu menerbitkan komponen yang sama tanpa CSS sama sekali, siap untuk token desain Anda sendiri.