Installing Master CSS
Install Master CSS with Vite, generate CSS from class names, and start styling in a few steps.
Runtime, zero-runtime, or hydration — it’s your call.
The pure way to statically render classes from scratch is by using the CLI tool. All you need is an index.html file, a CSS entry, and terminal to get started.
Installation
Install Master CSS
Install Master CSS CLI into your project via package managers.
npm i @master/css-cli@rcCreate your CSS entry
Create a stylesheet that imports the default Master CSS entry.
@import "@master/css";Run the build command
Run the command to watch for file changes and build continuously.
npx @master/css-cli -wStart using Master CSS
Master CSS scans raw sources and generates the ./master.css file for you.
Now style your first element using Master CSS syntax!
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./master.css"> </head><body> <h1 class="italic m:2xl text:neutral font:5xl font:heavy">Hello World</h1></body></html>Hello World
Stuck or need framework integration? Explore our integration guides for tailored starting points and recommendations.
Learn what Master CSS is, write your first classes, and choose the next guide to read.
Learn browser support, native declaration fallback, vendor prefixes, modern CSS feature strategy, and how Master CSS coexists with third-party styles.