Manual

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-icons

Use the CLI

npx @abhivarde/syncui@latest add hero

Add a specific variant with name/variant, for example hero/left. Pass --skip-install if you'd rather manage dependencies yourself.

Start development

npm start

Or if using Vite or a custom setup:

npm run dev

You'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

On this page

Buy me a coffee
Star