Get Started

We recommend you have at least moderate experience with Svelte, SvelteKit, and Tailwind CSS.

Install Skeleton

We provide an interactive CLI app to scaffold a new SvelteKit project and automatically configure Skeleton.

console 
npm create skeleton-app@latest my-skeleton-app
	- Enable SvelteKit's Typescript syntax (recommended)
cd my-skeleton-app

Tailwind CSS

Skeleton features tight integration with Tailwind CSS.

The CLI will automatically run Svelte-Add to install Tailwind within your project.

Stylesheets

The CLI will automatically import all required stylesheets in src/routes/+layout.svelte.

Themes

Skeleton themes integrate with Tailwind and support color opacity, dark mode, and our powerful design tokens system.

The CLI will automatically import your selected theme in src/routes/+layout.svelte. You can change these at any time.

Wish to create a custom theme? Try our theme generator tool.

Theme Generator →