www.skeleton.dev Open in urlscan Pro
76.76.21.123  Public Scan

Form analysis
1 forms found in the DOM

POST /?/setTheme

<form action="/?/setTheme" method="POST">
  <ul>
    <li><button class="option w-full h-full bg-primary-active-token" type="submit" name="theme" value="skeleton"><span>💀</span> <span class="flex-auto text-left">Skeleton</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="wintry"><span>🌨️</span> <span class="flex-auto text-left">Wintry</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="modern"><span>🤖</span> <span class="flex-auto text-left">Modern</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="rocket"><span>🚀</span> <span class="flex-auto text-left">Rocket</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="seafoam"><span>🧜‍♀️</span> <span class="flex-auto text-left">Seafoam</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="vintage"><span>📺</span> <span class="flex-auto text-left">Vintage</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="sahara"><span>🏜️</span> <span class="flex-auto text-left">Sahara</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="hamlindigo"><span>👔</span> <span class="flex-auto text-left">Hamlindigo</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="gold-nouveau"><span>💫</span> <span class="flex-auto text-left">Gold Nouveau</span></button> </li>
    <li><button class="option w-full h-full" type="submit" name="theme" value="crimson"><span>⭕</span> <span class="flex-auto text-left">Crimson</span></button> </li>
  </ul>
</form>

Text Content

Explore
 * Homepage
 * Documentation
 * Blog

   --------------------------------------------------------------------------------

 * Tailwind
 * Svelte
 * Utilities

Theme

MODE



--------------------------------------------------------------------------------

 * 💀 Skeleton
 * 🌨️ Wintry
 * 🤖 Modern
 * 🚀 Rocket
 * 🧜‍♀️ Seafoam
 * 📺 Vintage
 * 🏜️ Sahara
 * 👔 Hamlindigo
 * 💫 Gold Nouveau
 * ⭕ Crimson

--------------------------------------------------------------------------------

Create a Theme
Sponsor
 * GitHub
 * Ko-Fi
 * Patreon

--------------------------------------------------------------------------------

Incentives New
Version
 * Skeleton v1 Docs

Ctrl+K

Home
Store
Blog

Docs

--------------------------------------------------------------------------------


Tailwind

Svelte

Utilities


Docs

 * Introduction
 * Get Started
 * Quickstart

--------------------------------------------------------------------------------

Essentials

 * Themes
 * Colors
 * Styling
 * Design Tokens
 * Variants
 * Transitions

--------------------------------------------------------------------------------

Resources

 * Theme Generator
 * PurgeCSS
 * Contributing
 * Sponsorship

--------------------------------------------------------------------------------

Integrations

 * Tauri


THE UI TOOLKIT FOR SVELTE AND TAILWIND.

Skeleton allows you to create adaptive and accessible interfaces for web apps of
any shape or size.

Get Started Learn More
Search

Friendly

Adaptive

Customizable

Skeleton

@SkeletonUI

UI toolkit for Svelte and Tailwind.

50 Following 500 Followers

Design




Try Skeleton live in your browser.

Open in StackBlitz


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


COMPONENTS

Interactive and customizable components.


ACTIONS

Dynamic actions for filters, tab focus, and more.


UTILITIES

Powerful utilities that extend even further.

components

What is Día de los Muertos?



While Halloween and Day of the Dead occur nearly in tandem and share similar
customs (candy, face painting, and community gathering), the two are not
related. Halloween has ancient Celtic roots, while Day of the Dead has its own
origins that date back to the Indigenous people of Mexico and Central America.

When did it begin?



When is it celebrated?



What are ofrendas?



Source


elements

ANNOUNCEMENTS


SKELETON IS AWESOME!

This showcases Skeleton's Card, Typography, Chips, and Divider elements.

--------------------------------------------------------------------------------

Like Save Share


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.


ELEMENTS

Common UI elements via HTML + CSS.


THEME COLORS

Includes an extensive palette of colors.


DARK MODE

Toggle dark mode with the flip of a switch.


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.

Simple
Elegant
Playful
Brutalist
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.

Ko-Fi GitHub Patreon


BUILT BY AWESOME PEOPLE.

Here are a few of the people responsible for creating and maintaining Skeleton.


CHRIS SIMMONS

Co-founder and core maintainer.


TREY WEIR

Co-founder and business relations.




READY TO BEGIN?

Create your first Skeleton project in seconds.

Via StackBlitz Install Skeleton

UI Toolkit for Svelte + Tailwind.

2.5.1

EXPLORE

 * Introduction
 * Get Started
 * Blog

FEATURES

 * Tailwind
 * Svelte
 * Utilities

PROJECT

 * Github Organization
 * NPM Organization
 * NPM Package

--------------------------------------------------------------------------------

MIT License | Skeleton Labs