This showcases Skeleton's Card, Typography, Chips, and Divider elements.
The UI toolkit for Svelte and Tailwind.
Skeleton allows you to create adaptive and accessible interfaces for web apps of any shape or size.
Try Skeleton live in your browser.
Open in StackBlitzDesigned for Svelte and SvelteKit.
Skeleton integrates directly with Svelte and SvelteKit's best features, including components, stores, actions, and more. Offering interactive components, image filters, and much more.
Announcements
Skeleton is Awesome!
Enhanced with Tailwind CSS.
Skeleton has been designed from the ground up to take advantage of Tailwind's unique utility class approach to CSS styling, allowing you to create or extend your own personal design system.
Adaptive Theming.
Use Skeleton's design token system, variant styles, and Tailwind utility classes to create custom components that match your overall theme and aesthetic.
Mood Booster
Have It Your Way
The Skeleton Crew
And so much more...
There's too many amazing features to list, but here are a few of our favorites.
Amazing DX
Offers a best in class developer experience providing thorough documentation and ample examples to help you ship faster.
Accessibility
Components follow WAI-ARIA guidelines to implement required semantics, attributes, and keyboard interactions.
Extensible
Bring elements from other UI libraries such as Flowbite or Tailwind UI to expand your toolkit arsenal even further.
Typescript
Uses Typescript by default and provides IntelliSense feedback as you build your application within your editor.
Integrations
Bring your favorite Svelte or Javascript libraries and use the adaptive theme system for a seamless experience.
Icon Agnostic
Supports all forms of iconography for complete control, including: unicode, emoji, vector, or SVG-based icon systems.
60k+
Monthly Downloads
3.5k+
GitHub Stars
1.5k+
Discord Members
Premium Sponsor
Brain & Bones
Premium Sponsor
Luke Hagar
Help Support Skeleton.
Skeleton is an open source project that survives in part through your support. Consider becoming a sponsor through the following services. For larger contributions please contact us.
