Zobacz Lily w prawdziwych aplikacjach
Siedem gotowych projektów przykładowych pokazuje, jak wziąć komponenty bezgłowe, nałożyć stylizację i wdrożyć prawdziwą witrynę. Wybierz framework, którego używasz.
Aplikacje demonstracyjne z pełnym CSS i routingiem
HTML JavaScript
Zwykłe strony HTML, czysty JavaScript, bez narzędzi do budowania. Pasuje do każdego statycznego hostingu — idealne do małych witryn i progresywnego ulepszania.
Svelte + SvelteKit
Aplikacja SvelteKit 3 używająca run Svelte 5. Trasy komponentów, routing oparty na plikach i ostylowany storybook każdego komponentu.
React + Next.js
Aplikacja Next.js 16 pokazująca każdy komponent w kontekście, z TypeScriptem w całości i stronami demonstracyjnymi dla wzorców złożonych.
Vue + Nuxt.js
Aplikacja Nuxt 4. <script setup> i Composition API na każdej trasie demonstracyjnej.
Angular + Analog
Aplikacja Angular 22 + Analog.js. Routing oparty na plikach, sygnały, wykrywanie zmian bez stref i pełne prerenderowanie SSG.
Blazor Web
Aplikacja Blazor Web z komponentami Razor. Przyjazna zarówno dla serwera, jak i WebAssembly, z bazą .NET 10.
Nunjucks + Eleventy
Witryna Eleventy używająca makr Nunjucks. Idealna dla statycznych witryn z dużą ilością treści, które mimo to chcą mieć prawdziwy system komponentów.
Każda aplikacja przykładowa ma ten sam kształt
Aby przechodzenie między frameworkami było znajome, każda aplikacja przykładowa zapewnia:
- Trasę powitalną pod adresem
/która przedstawia projekt. - Indeks komponentów pod adresem
/componentsktóry wymienia każdy komponent. - Stronę demonstracyjną dla każdego komponentu pod adresem
/components/<component>. - Prawdziwy CSS — nie abstrakcyjne tokeny projektowe — żebyś mógł od razu zapożyczać style.
- Działającą nawigację klawiaturą i zarządzanie fokusem od razu po instalacji.
Chcesz zobaczyć, jak ostylowany jest pojedynczy komponent?
Otwórz odpowiednią aplikację przykładową, przejdź do
/components/<name>i skopiuj znaczniki oraz CSS do własnego projektu. Aplikacje przykładowe celowo używają zwykłego (lub prawie zwykłego) CSS, żebyś mógł dostosować je do dowolnego systemu, który wolisz.
Wolisz bezgłowo?
Połącz dowolną aplikację przykładową z odpowiadającym jej bezgłowym pakietem — publikują one te same komponenty bez żadnego CSS, gotowe na twoje własne tokeny projektowe.