Skeleton

Overview

Docs
News
Themes
Figma

Get Started

Introduction
Installation
Fundamentals
Core API
Migrate from v2
Migrate from v3

Guides

Dark Mode
Layouts
Figma UI kit
Cookbook

Design System

Themes
Colors
Presets
Typography
Spacing

Tailwind Components

Badges
Buttons
Cards
Chips
Dividers
Forms and Inputs
Placeholders
Tables

Functional Components

Accordion
App Bar
Avatar
Combobox
Date Picker
Dialog
File Upload
Listbox
Navigation
Pagination
Popover
Portal
Progress Circular
Progress Linear
Rating Group
Segmented Control
Slider
Switch
Tabs
Tags Input
Toast
Tooltip

Headless Components

Bits UI
Melt UI
Radix UI

Integrations

Code Block
Iconography

Resources

Contribute
LLMs

Previous Versions

Version 1
Version 2
Version 3

Docs News Themes Figma

What can we help you find?

Get Started

Introduction
Installation
Fundamentals
Core API
Migrate from v2
Migrate from v3

Guides

Dark Mode
Layouts
Figma UI kit
Cookbook

Design System

Themes
Colors
Presets
Typography
Spacing

Tailwind Components

Badges
Buttons
Cards
Chips
Dividers
Forms and Inputs
Placeholders
Tables

Functional Components

Accordion
App Bar
Avatar
Combobox
Date Picker
Dialog
File Upload
Listbox
Navigation
Pagination
Popover
Portal
Progress Circular
Progress Linear
Rating Group
Segmented Control
Slider
Switch
Tabs
Tags Input
Toast
Tooltip

Headless Components

Bits UI
Melt UI
Radix UI

Integrations

Code Block
Iconography

Resources

Contribute
LLMs

integrations
›
code block
›
meta

Code Block

Learn how to integrate Shiki, a beautiful yet powerful syntax highlighter.

Doc

Built by Skeleton Labs and the Skeleton community.