Integrations

Set up Master CSS in Astro

Guide to setting up Master CSS in your Astro project.

Create a project

If you don't have an Astro project, create one first.

Terminal
npm create astro@latest my-appcd my-app

Add Master CSS

Run the installer with --mode progressive from the project root. Pre-rendered pages receive first-response CSS and a runtime handoff for later class names.

Terminal
npm create @master/css@rc -- --framework astro --mode progressive --yes

Start dev server

Run the command to start the Astro dev server.

npm run dev

Start using Master CSS

Now style your first Astro page using Master CSS syntax.

localhost:4321

Hello World

src/pages/index.astro
<h1 class="m-2xl italic font-5xl font-heavy text-neutral">  Hello World</h1>
© 2026 Aoyue Design LLC.MIT License
Trademark Policy