Integrations
Set up Master CSS in React Router
Guide to setting up Master CSS in your React Router project.
Create a project
If you don't have a React Router framework project, create one first.
npx create-react-router@latest my-appcd my-appAdd Master CSS
Run the installer in static mode from the React Router project root. Static mode scans complete class strings and emits generated CSS at build time.
npm create @master/css@rc -- --framework react-router --mode static --yesStart dev server
Run the command to start the React Router dev server.
npm run devStart using Master CSS
Now style your first route module using Master CSS syntax.
localhost:5173
Hello World
export default function Home() { return ( <h1 className="m:2xl italic font:5xl font:heavy text:neutral"> Hello World </h1> )}