Pozrite si Lily v skutočných aplikáciách
Sedem hotových ukážkových projektov ukazuje, ako vziať bezhlavé komponenty, pridať štýlovanie a nasadiť skutočný web. Vyberte framework, ktorý používate.
Ukážkové aplikácie s plným CSS a smerovaním
HTML JavaScript
Jednoduché stránky HTML, čistý JavaScript, žiadne nástroje na zostavenie. Zmestia sa na akýkoľvek statický hosting — ideálne pre malé weby a progresívne vylepšovanie.
Svelte + SvelteKit
Aplikácia SvelteKit 3 využívajúca runy Svelte 5. Trasy komponentov, smerovanie podľa súborov a naštýlovaný storybook každého komponentu.
React + Next.js
Aplikácia Next.js 16 ukazujúca každý komponent v kontexte, s TypeScriptom všade a ukážkovými stránkami pre zložené vzory.
Vue + Nuxt.js
Aplikácia Nuxt 4. <script setup> a Composition API na každej ukážkovej trase.
Angular + Analog
Aplikácia Angular 22 + Analog.js. Smerovanie podľa súborov, signály, detekcia zmien bez zón a plné predrenderovanie SSG.
Blazor Web
Aplikácia Blazor Web s komponentmi Razor. Vhodná pre server aj WebAssembly, so základom .NET 10.
Nunjucks + Eleventy
Web Eleventy využívajúci makrá Nunjucks. Ideálny pre statické weby s veľkým množstvom obsahu, ktoré predsa chcú skutočný komponentový systém.
Každá ukážková aplikácia má rovnaký tvar
Aby sa prechádzanie medzi frameworkmi zdalo povedomé, každá ukážková aplikácia poskytuje:
- Uvítaciu trasu na
/ktorá predstavuje projekt. - Index komponentov na
/componentsktorý vypisuje každý komponent. - Ukážkovú stránku pre každý komponent na
/components/<component>. - Skutočné CSS — nie abstraktné dizajnové tokeny — aby ste mohli štýly priamo preberať.
- Funkčnú navigáciu klávesnicou a správu fokusu hneď po vybalení.
Potrebujete vidieť, ako je naštýlovaný jeden komponent?
Otvorte príslušnú ukážkovú aplikáciu, prejdite na
/components/<name>a skopírujte značky a CSS do vlastného projektu. Ukážkové aplikácie zámerne používajú jednoduché (alebo takmer jednoduché) CSS, aby ste ich mohli prispôsobiť akémukoľvek systému, ktorý uprednostňujete.
Chcete radšej bezhlavé?
Spárujte ľubovoľnú ukážkovú aplikáciu s príslušným bezhlavým balíčkom — tie publikujú rovnaké komponenty bez akéhokoľvek CSS, pripravené pre vaše vlastné dizajnové tokeny.