1. get started
  2. introduction

Introduction

Skeleton integrates with Tailwind to provide opinionated solutions for themes, colors, typography and more. Including easy to use components for your favorite web frameworks.

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.