Set up Master CSS in React

Guide to setting up Master CSS in your React project.

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

npm create vite@latest my-app -- --template react-tscd my-app

Run the installer from the React project root.

npm create @master/css@rc -- --framework react --yes

Run the command to start the Vite dev server.

npm run dev

pnpm run dev

bun run dev

yarn run dev

Now style your first component using Master CSS syntax.

localhost:5173

Hello World

export default function App() {  return (    <h1 className="m:2xl italic font:5xl font:heavy text:neutral">      Hello World    </h1>  )}

A full-stack framework, such as Next.js, is recommended for better application performance and experience.