Integrations

Set up Master CSS in Nuxt.js

Guide to setting up Master CSS in your Nuxt.js project.

Create a project

If you don't have a Nuxt project, create one first.

Terminal
npx nuxi@latest init 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 nuxt --mode progressive --yes

Launch server

Run the development server.

npm run dev

Start using Master CSS

Now style your first component using Master CSS syntax.

localhost:3000

Hello World

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