開始使用
安裝 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.
Copy and paste the CDN links to instantly launch the runtime in your browser with the default preset.
Start in one step
Add the default stylesheet and runtime script to your document, then start using Master CSS classes.
Open your browser to watch the changes.
localhost:8080
Hello World
<!DOCTYPE html><html lang="en" hidden><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preload" as="style" href="https://cdn.master.co/css@rc/base.css"> <link rel="preload" as="script" href="https://cdn.master.co/css-runtime@rc"> <link rel="modulepreload" as="json" crossorigin href="https://cdn.master.co/css-runtime@rc/default-manifest.json"> <link rel="stylesheet" href="https://cdn.master.co/css@rc/base.css"> <script src="https://cdn.master.co/css-runtime@rc"></script></head><body> <h1 class="m:2xl italic font:5xl font:heavy text:neutral">Hello World</h1></body></html>The CDN runtime only includes the default preset. Use a package-manager installation when you need custom theme tokens, utilities, modes, emitted globals, or framework integration. See preload critical resources for the request preload details.
Stuck or need framework integration? Explore our integration guides for tailored starting points and recommendations.