# SvelteKit Install and configure Skeleton for SvelteKit. ## Requirements | Tooling | Minimum Supported | | ------------------------------------ | ----------------- | | [SvelteKit](https://svelte.dev/) | 2 | | [Svelte](https://svelte.dev/) | 5 | | [Tailwind](https://tailwindcss.com/) | 4 | ## Installation ### Create a Project Use the [Svelte CLI](https://svelte.dev/docs/kit/creating-a-project) to generate a new SvelteKit project. ```console npx sv create --types ts my-skeleton-app cd my-skeleton-app ``` > NOTE: If you did not select the options to add Tailwind, use `npx sv add tailwindcss` to add it retroactively. ### Install Skeleton Install the Skeleton core and Svelte component packages. ```console npm i -D @skeletonlabs/skeleton @skeletonlabs/skeleton-svelte ``` ### Configure Tailwind Open your global stylesheet in `/src/app.css` and add the following imports: ```css title="app.css" {3-7} @import 'tailwindcss'; @import '@skeletonlabs/skeleton'; @import '@skeletonlabs/skeleton-svelte'; @import '@skeletonlabs/skeleton/themes/cerberus'; ``` ### Set Active Theme Open `/src/app.html`, then set the `data-theme` attribute on the HTML tag to define the active theme. ```html title="app.html" "data-theme="cerberus"" ... ``` ### Done Start the dev server using the following command. ```console npm run dev ```