Installation

Let's set up our project and install Skeleton. For best results, we recommend you have at least moderate experience with Svelte, Tailwind CSS, and any supported frameworks listed below. If you encounter issues, please refer to our frequently asked questions section.

We provide an interactive CLI app to scaffold SvelteKit and automatically configure Skeleton. PNPM and Yarn are also supported.

console 
npm create skeleton-app@latest my-skeleton-app
	- Enable SvelteKit's Typescript syntax
cd my-skeleton-app
npm run dev

The CLI is a great starting point, however, we encourage you to read through the the additional guides to learn more about how Skeleton is configured.

  • Review the Tailwind configuration and optionally install Tailwind Plugins.
  • Learn more about Skeleton themes, as well as how to implement a custom theme.
  • See how stylesheets are imported, and how to customize components and other features.
  • Finally, we've provided an optional guide for creating a basic demo app.

Next, let's configure Tailwind for use with Skeleton.

Tailwind →