# Example: Sveltekit

> Try it live at [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/with-sveltekit) or [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/with-sveltekit).

## How does this work?

1. use twind in [src/routes/+layout.ts](./src/routes/+layout.svelte)
2. use [@twind/with-sveltekit](https://github.com/tw-in-js/twind/tree/main/packages/with-sveltekit) in [src/hooks.server.ts](./src/hooks.server.ts) to enable server-side rendering (SSR) of styles
3. (optional) a dedicated [src/twind.config](./src/twind.config.ts)

## What is included?

- [sveltekit](https://www.npmjs.com/package/@sveltejs/kit)
- [@twind/core](https://github.com/tw-in-js/twind/tree/main/packages/core)
- [@twind/preset-autoprefix](https://github.com/tw-in-js/twind/tree/main/packages/preset-autoprefix)
- [@twind/preset-tailwind](https://github.com/tw-in-js/twind/tree/main/packages/preset-tailwind)
- [@twind/with-sveltekit](https://github.com/tw-in-js/twind/tree/main/packages/with-sveltekit)