## Was du bekommst | Datei | Wofür sie gedacht ist | |---|---| | `ui-kit.css` (34 KB) | Alle Styles und Design-Tokens. Das ist das Einzige, was du einbinden musst. | | `index.html` (37 KB) | Lebende Dokumentation: alle 48 Komponenten gerendert, bereit zum Kopieren und Einfügen. | | `README.md` | Installation in 30 Sekunden, Komponententabelle und Anleitung zum Anpassen der Tokens. | ## Die 48 Komponenten Buttons und Button-Gruppen, Badges, Avatare, Hinweise, Karten, Statistikkarten, Formulare (Eingabefelder, Auswahllisten, Checkboxen, Radiobuttons, Schalter, Eingabegruppen, Validierung), Tabellen, Listen, Navigation (Navbar, Sidebar, Tabs, Breadcrumbs, Paginierung), Feedback (Toasts, Fortschrittsbalken, Spinner, Skeletons, leere Zustände), Struktur (Hero, Footer, Layout, Grid, Abschnitte) und Verkaufsmuster (Preise, Testimonials, FAQ/Akkordeon). ## So wird es installiert 1. Entpacke das ZIP. 2. Binde `ui-kit.css` in dein HTML ein: ``. 3. Kopiere das Markup der gewünschten Komponente aus `index.html`. Öffne `index.html` im Browser, um die komplette Galerie mit dem Umschalter für helles/dunkles Theme zu sehen. ## Was wirklich enthalten ist - Reines CSS: kein Tailwind, kein Bootstrap, kein Präprozessor, kein Build-Schritt. - Tokens in `:root` (Farben, Radien, Schatten, Abstände, Typografie) und dunkles Theme über `data-theme="dark"`. - Responsiv dank flexibler Container und Grid; getestet in Chrome und Safari. - Interaktive Komponenten (Akkordeon, Dropdown, Modal, Drawer) funktionieren mit den nativen Attributen ``, `[open]` und ``: Für die Grundfunktionen brauchst du kein eigenes JavaScript. ## Was NICHT enthalten ist - Es ist kein Theme für WordPress oder Shopify und kein React/Vue-Projekt: Es ist CSS plus Beispiel-HTML. - Es gibt kein Backend, kein Anwendungs-JS, keine mitgelieferten Icons und keine lizenzierten Bilder. - Komponenten, die Geschäftslogik erfordern (Warenkorb, Authentifizierung), sind nicht implementiert. ## Lizenz Kommerzielle Nutzung in eigenen Projekten und Kundenprojekten. Du darfst die Dateien frei verändern. Du darfst das Kit nicht als eigenes Produkt weiterverkaufen oder weitergeben.