Set up Master CSS in Vite

Guide to setting up Master CSS in your Vite project.

If you don't have a Vite project, create one first.

npm create vite@latest my-appcd my-app

Run the installer from the Vite project root.

npm create @master/css@rc -- --yes

Run the command to start the Vite dev server.

npm run dev

pnpm run dev

bun run dev

yarn run dev

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>