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 from the React Router project root.
npm create @master/css@rc -- --framework react-router --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="italic m:2xl text:neutral font:5xl font:heavy"> Hello World </h1> )}