Prerequisites
You'll need an existing React project with a package manager installed (npm, yarn, pnpm, or bun).
Install dependencies
npm install @mui/material @emotion/react @emotion/styled motion react-iconsUse the CLI
npx @abhivarde/syncui@latest add heroAdd a specific variant with name/variant, for example hero/left. Pass --skip-install if you'd rather manage dependencies yourself.
Start development
npm startOr if using Vite or a custom setup:
npm run devYou're all set
→ Check out Components, copy paste ready UI elements
→ Explore Blocks, pre-built page sections
→ Customize freely, all code is yours to modify