Why Skeleton?
At the core, Skeleton provides a uniform design language and a structured framework for controlling the look and feel of your product and user experience. A well produced design system can greatly reduce the amount of time spent recreating elements and redefining patterns while building products and user interfaces at scale.
Theme System
Skeleton fully embraces Tailwind, while extending its capabilities in really meaningful ways. Providing best in class support for themes, colors, typography, spacing, and more. Including a fully curated set of themes out of the box, as well as a powerful theme generator for creating your own unique themes on demand.
Framework Agnostic
Skeleton’s core package is framework agnostic, requiring only a single dependency - Tailwind. This gives you full access to the design system, themes, and more for nearly any web-based application.
Components
Skeleton’s components utilize Zag.js as their foundation, which provides a collection of framework-agnostic UI component patterns component to manage logic and state. While the interface fully adapts to your to the Skeleton design system automatically. Currently supporting React and Svelte, with additional frameworks planned for the future.
Figma UI Kit
Skeleton provides access to a fully featured Figma UI Kit to assist designers in drafting a visual concept of your upcoming projects.
Open Source
Skeleton is committed to free and open-source software (FOSS) and is covered by the MIT License.
The Community
Skeleton has a thriving community of users and contributors on both GitHub and Discord.
Updates
We have maintained a set release cadence, providing new updates every two weeks. See our changelog.
Contributing
Interested in contributing? See our Contribution Guidelines.
Get Started
Ready to get started? Check out our comprehensive installation guides or start learning the fundamentals.