An adaptive design system powered by Tailwind CSS.

Skeleton extends Tailwind CSS to help you create your own customizable design system, while providing easy to use components for modern web frameworks.

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.

figma

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

If you can Tailwind, you can use Skeleton. Including optional components for React and Svelte.

Adaptive Design

Generate a theme in seconds, then use it to control the look and feel for your entire application.

Typescript

Utilize Typescript to get IntelliSense feedback as you develop your application.

Integrations

Easily extend Skeletonw with tools like popovers, code blocks, and more.

Dark Mode

Themes support dark mode by default, using our powerful Color Pairing system.

Accessibility

WAI-ARIA compliant for semantics, attributes, and keyboard interactions.

80k+

Monthly Downloads

5k+

GitHub Stars

2k+

Discord Members

Sponsor Us

Projects like Skeleton exist through the generosity of our wonderful community. Help fund the project, while receiving fun incentives in return. Available on the following services.

Start building with Skeleton today.