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.js project, create one first. It's recommended to refer to Get started with Nuxt.js.

npx nuxi@latest init my-appcd my-app

Install Master CSS

Install @master/css.nuxt plugin into your project.

npm i @master/css.nuxt@rc

Create a configuration file

Run the command to create a master.css.js file.

npm create @master/css@rc

Set up Master CSS

Add a @master/css.nuxt module in nuxt.config.ts.

  • By default, options.mode is set to progressive.
export default defineNuxtConfig({    modules: [        '@master/css.nuxt'     ]})

Launch server

Run npm run dev to start your Nuxt.js development server

npm run dev

Start using Master CSS

Now style your first element using Master CSS syntax!

<template>    <h1 class="italic m:12x fg:strong font:40 font:heavy">        Hello World    </h1></template>
localhost:3000

Hello World

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy