An adaptive design system powered by Tailwind CSS.
Skeleton integrates with Tailwind to provide an opinionated solution for generating adaptive design systems. Including simple to use components for your favorite web frameworks.
Create Account
Complete the form to get started.
Notifications
Review each available option.
Do not disturb
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 submitted 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 preview and mock all available interface elements, including dark mode support. Comes with a Figma plugin to import theme colors automatically.
Learn More →
Tailwind Components
Common visual interfaces, such as cards, buttons, and tables. Using semantic 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.
Use Anywhere
Core features such as theses and utility classes require one dependency — Tailwind CSS.
Built with Zag.js
Enables cross-framework components with standardized features, a11y, and i18n.
Integrations
Easily extend Skeleton using our turnkey guides for popovers, code blocks, and more.
Adaptive Design
All interface elements automatically adapt to your themes colors, fonts, and overall aesethetic.
Dark Mode
Full support for Tailwind's dark mode and color scheme 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.