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.
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.
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.
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.