開始使用

安裝 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@rc

Create 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 -w

Start 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>
localhost:8080

Hello World

Stuck or need framework integration? Explore our integration guides for tailored starting points and recommendations.

開始使用
隆重介紹 — Master CSS

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.

  • Master UI

© 2026 Aoyue Design LLC.MIT License
Trademark Policy