Integrations

Set up Master CSS in Svelte

Guide to setting up Master CSS in your Svelte project.

Create a project

If you don't have a Svelte project, create one first. It's recommended to refer to Svelte Kit.

npm create svelte@latest my-appcd my-appnpm install

Add Master CSS

Run the Svelte CLI add-on from the SvelteKit project root.

npx sv add @master/css-sv

Launch server

Run npm run dev -- --open to start your Svelte development server

npm run dev -- --open

Start using Master CSS

Now style your first element using Master CSS syntax!

localhost:5173

Hello World

<h1 class="m:2xl italic font:5xl font:heavy text:neutral">  Hello World</h1>

© 2026 Aoyue Design LLC.MIT License
Trademark Policy