Skeleton

Navigate Home Docs News Themes

get started Introduction Installation Fundamentals Tailwind Plugin Dark Mode Layouts Figma

design Themes Colors Presets Typography Spacing Iconography

tailwind Badges Buttons Cards Chips Dividers Forms and Inputs Gradients Placeholders Tables

components Accordion App Bar Avatar File Upload Navigation Pagination Progress Ring Progress Rating Segment Control Slider Switch Tabs Tags Input

integrations Code Block Data Table Popover

resources Contribute Cookbook

Docs News Themes

get started Introduction Installation Fundamentals Tailwind Plugin Dark Mode Layouts Figma

design Themes Colors Presets Typography Spacing Iconography

tailwind Badges Buttons Cards Chips Dividers Forms and Inputs Gradients Placeholders Tables

components Accordion App Bar Avatar File Upload Navigation Pagination Progress Ring Progress Rating Segment Control Slider Switch Tabs Tags Input

integrations Code Block Data Table Popover

resources Contribute Cookbook

integrations
›
code block
›
react

Code Block

Integrate Shiki, a beautiful yet powerful syntax highlighter.

Doc

React guide coming soon.

Built by Skeleton Labs and the Skeleton community.