Getting Started

Installing Master CSS

Master CSS provides three rendering modes, which you can choose according to project scale and scenarios to meet your business requirements.

Runtime, zero-runtime, or hydration — it’s your call.

The pure way to extract classes from scratch is by using the CLI tool. All you need is an index.html file 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

Run the build command

Run the command to watch for file changes and build continuously.

npx mcss extract -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:12x fg:strong font:40 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.

Getting Started
Introduction to Master CSS

The CSS language and framework for rapidly building modern and high-performance websites.

Getting Started
Language Service for Master CSS

Enhance the developer experience in code editors or IDEs with syntax highlighting, code completion, and more.

  • Master UI

© 2025 Aoyue Design LLC.MIT License
Trademark Policy