🎉 Skeleton v3 now avilable!

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. Use 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...

Skeleton aims to help you solve the most common issues when building interfaces at scale. Providing a number 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

Your generosity enables open source projects like Skeleton to exist. Funds directly contribute to our operational costs, while providing fun incentives in return for each supporter.

Start building with Skeleton today.