Skeleton
Open SourceAdaptive design system for Tailwind CSS with framework components
GitHub
Repository →
5,953
Stars
MIT @skeletonlabs/skeleton-common@4.15.2 Apr 29, 2026
Since Feb 2022 28
open issues
AI Summary
Skeleton is an adaptive design system based on Tailwind CSS that provides ready-to-use UI components for various web frameworks such as React, Svelte, Vue and Solid. It offers a comprehensive theme system with CSS Custom Properties, dark mode support and accessible components powered by Zag.js. The tool is open source and simplifies the development of consistent, customizable user interfaces.
✓ Pros
- + Cross-framework components with standardized features and accessibility
- + Flexible theme system with CSS Custom Properties and easy theme switching
- + TypeScript support and extensive community with over 5k GitHub stars
✗ Cons
- − Requires Tailwind CSS as a dependency and knowledge thereof
- − Functional components are primarily limited to React and Svelte
Use Cases
- → Building consistent design systems for web applications with Tailwind CSS
- → Rapid development of UI components such as dialogs, forms, navigation and datepickers
- → Implementing theme switching and dark mode in existing projects
- → Cross-framework development with unified components for React, Svelte and Vue
Who is it for?
Frontend developers and teams working with Tailwind CSS who need consistent, adaptive UI components for modern web frameworks.
Tags
Platform: web
Pricing: Open Source
