Podívejte se na Lily ve skutečných aplikacích
Sedm hotových ukázkových projektů ukazuje, jak vzít bezhlavé komponenty, přidat stylování a nasadit skutečný web. Vyberte framework, který používáte.
Ukázkové aplikace s plným CSS a směrováním
HTML JavaScript
Prosté stránky HTML, čistý JavaScript, žádné nástroje pro sestavení. Vejdou se na jakýkoli statický hosting — ideální pro malé weby a progresivní vylepšování.
Svelte + SvelteKit
Aplikace SvelteKit 3 využívající runy Svelte 5. Trasy komponent, směrování podle souborů a nastylovaný storybook každé komponenty.
React + Next.js
Aplikace Next.js 16 ukazující každou komponentu v kontextu, s TypeScriptem všude a ukázkovými stránkami pro složené vzory.
Vue + Nuxt.js
Aplikace Nuxt 4. <script setup> a Composition API na každé ukázkové trase.
Angular + Analog
Aplikace Angular 22 + Analog.js. Směrování podle souborů, signály, detekce změn bez zón a plné předrenderování SSG.
Blazor Web
Aplikace Blazor Web s komponentami Razor. Vhodná pro server i WebAssembly, se základem .NET 10.
Nunjucks + Eleventy
Web Eleventy využívající makra Nunjucks. Ideální pro statické weby s velkým množstvím obsahu, které přesto chtějí skutečný komponentový systém.
Každá ukázková aplikace má stejný tvar
Aby se přecházení mezi frameworky zdálo povědomé, každá ukázková aplikace poskytuje:
- Uvítací trasu na
/která představuje projekt. - Index komponent na
/componentskterý vypisuje každou komponentu. - Ukázkovou stránku pro každou komponentu na
/components/<component>. - Skutečné CSS — ne abstraktní návrhové tokeny — abyste mohli styly přímo přebírat.
- Funkční navigaci klávesnicí a správu fokusu hned po vybalení.
Potřebujete vidět, jak je nastylovaná jedna komponenta?
Otevřete příslušnou ukázkovou aplikaci, přejděte na
/components/<name>a zkopírujte značky a CSS do svého projektu. Ukázkové aplikace záměrně používají prosté (nebo téměř prosté) CSS, abyste je mohli přizpůsobit jakémukoli systému, který preferujete.
Chcete raději bezhlavé?
Spárujte libovolnou ukázkovou aplikaci s odpovídajícím bezhlavým balíčkem — ty publikují stejné komponenty bez jakéhokoli CSS, připravené pro vaše vlastní návrhové tokeny.