An adaptive design system powered by Tailwind CSS.
Skeleton extends Tailwind CSS to create customizable design systems, and provides easy to use components for modern web frameworks.
Create Account.
Complete the form to get started.
Notifications.
Review each available option.
Do not distrurb
Global notifications
Personal notifications
Priority notifications
Featured News alerts
Team
View all members of the team, or filter using the search field provided.
Music
Harman Kardon Luna
Success
Task was completed.
Statistics
64k+
Downloads
93k+
Views
15k+
Members
Data represents quarterly metrics for the TPS reports. Updates every 24 hours.
Progression
Revenue
Posted April 1-13
Delivery
Size
Material
Invoice Paid
You paid $14,276. Receipt submited to:
me@email.com
| Symbol | Name | Weight | |
|---|---|---|---|
| Fe | Iron | 26 | |
| Rh | Rhodium | 45 | |
| I | Iodine | 53 | |
| Rn | Radon | 86 | |
| Tc | Technetium | 43 |
Set Reminder
Contributions
+1,248
+150% increase
Pink Floyd
Another Brick in the Wall
3:16
Design System
This premium kit allows you to import Skeleton themes directly into Figma a dedicated plugin. Switch between dark and light modes on the fly. Preview all available components instantly.
Learn More →
Tailwind Components
Common visual interfaces, such as cards, buttons, and badges. Utilize native HTML elements and Tailwind utility classes.
Functional Components
Interactive components for supported frameworks. Handle state and logic for user interaction and form elements.
And Even More...
Solve the hard problems at scale. Skeleton comes with an assortment of quality of life features out of the box.
Framework Agnostic
Core features require only a single depdendency for themes and utility classes — Tailwind CSS.
Built with Zag.js
Enables cross-framework components with standardized features and accessibility.
Integrations
Easily extend Skeleton using turnkey guides for popovers, code blocks, and more.
Adaptive Design
Utilize themes as the foundation for implementing any visual aesthetic.
Dark Mode
Full support for Tailwind's dark mode mechanisms out of the box.
Typescript
Type-safe by default, with helpful IntelliSense feedback as you work.
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)
Open Source
Tended by Skeleton Labs and provided under the flexible MIT License. Join our vast community of open source volunteers and start contributing today!
80k+
Monthly Downloads
5k+
GitHub Stars
2k+
Discord Members
Sponsor Us
Projects like Skeleton exist through the generosity of our community. Help fund the project, while receiving fun incentives in return. Available on the following services.