Integrations
Set up Master CSS in React
Guide to setting up Master CSS in your React project.
Create a project
If you don't have a React project, create one first.
npm create vite@latest my-app -- --template react-tscd my-appAdd Master CSS
Run the installer in static mode from the React project root. Static mode scans complete class strings and emits generated CSS at build time.
npm create @master/css@rc -- --framework react --mode static --yesStart dev server
Run the command to start the Vite dev server.
npm run devStart using Master CSS
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> )}