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.
Copy and paste the CDN to instantly launch the runtime in your browser.
Start in one step
Copy and paste to start styling your first element with Master CSS!
<!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="script" href="https://cdn.master.co/css-runtime@rc"> <link rel="preload" as="style" href="https://cdn.master.co/normal.css"> <link rel="stylesheet" href="https://cdn.master.co/normal.css"> <script> window.masterCSSConfig = { variables: { primary: '#000000' } } </script> <script src="https://cdn.master.co/css-runtime@rc"></script></head><body> <h1 class="fg:primary italic m:12x fg:strong font:40 font:heavy">Hello World</h1></body></html>Open your browser to watch the changes.
localhost:8080
Hello World
Stuck or need framework integration? Explore our integration guides for tailored starting points and recommendations.