Skeleton
Open SourceAdaptives Design-System für Tailwind CSS mit Framework-Komponenten
GitHub
Repository →
5.951
Stars
MIT @skeletonlabs/skeleton-common@4.15.2 29. Apr. 2026
Seit Feb. 2022 28
offene Issues
Zusammenfassung
Skeleton ist ein adaptives Design-System, das auf Tailwind CSS basiert und schlüsselfertige UI-Komponenten für verschiedene Web-Frameworks wie React, Svelte, Vue und Solid bereitstellt. Es bietet ein umfassendes Theme-System mit CSS Custom Properties, Dark Mode Support und barrierefreie Komponenten powered by Zag.js. Das Tool ist Open Source und vereinfacht die Entwicklung konsistenter, anpassbarer Benutzeroberflächen.
✓ Vorteile
- + Framework-übergreifende Komponenten mit standardisierten Features und Barrierefreiheit
- + Flexibles Theme-System mit CSS Custom Properties und einfachem Theme-Wechsel
- + TypeScript-Support und umfangreiche Community mit über 5k GitHub Stars
✗ Nachteile
- − Erfordert Tailwind CSS als Abhängigkeit und dessen Kenntnisse
- − Funktionale Komponenten sind hauptsächlich auf React und Svelte beschränkt
Anwendungsfälle
- → Aufbau konsistenter Design-Systeme für Web-Applikationen mit Tailwind CSS
- → Schnelle Entwicklung von UI-Komponenten wie Dialoge, Formulare, Navigation und Datepicker
- → Implementierung von Theme-Switching und Dark Mode in bestehenden Projekten
- → Cross-Framework-Entwicklung mit einheitlichen Komponenten für React, Svelte und Vue
Ideal für
Frontend-Entwickler und Teams, die mit Tailwind CSS arbeiten und konsistente, adaptive UI-Komponenten für moderne Web-Frameworks benötigen.
Tags
Plattformen: web
Preismodell: Open Source
