Free React UI library with 125+ components, 13+ blocks, and 3 premium templates. Built with MUI and Motion.

Website · Docs · Components · Blocks · Templates · Showcase · npm

Add any component or block directly into your project:

npx @abhivarde/syncui@latest add name/variant

Use name/variant to target exactly what you need, e.g. accordion/brutalist or hero/centered.

Let your AI agent add components directly without any commands:

{
  "mcpServers": {
    "syncui": {
      "command": "npx",
      "args": ["-y", "@abhivarde/syncui-mcp"]
    }
  }
}

Add to your MCP client config (Claude Code, Cursor, Windsurf, Codex, OpenCode).

Components are served from a hosted registry. Fetch any component directly:

https://syncui.design/r/index.json
https://syncui.design/r/{name}.json

This is what the CLI and MCP use under the hood. New components are available the moment the site deploys — no package update needed.

Use Sync UI inside Cursor, Claude Code, Copilot, Windsurf, and more:

npx skills add AbhiVarde/syncui

Your AI coding tool will know every component, variant, and animation pattern without you explaining anything.

git clone https://github.com/AbhiVarde/syncui
cd syncui
npm install
npm run dev

Docker

docker build -t syncui .
docker run -p 3000:3000 syncui

Open http://localhost:3000.

Contributions are welcome.

1. Fork the repository
2. Create a feature branch (git checkout -b feature/your-feature)
3. Commit your changes (git commit -m 'feat: add your feature')
4. Push to the branch (git push origin feature/your-feature)
5. Open a Pull Request

Follow the existing code style, test across screen sizes, and ensure accessibility standards are met. Read the full Contributing Guide.

If Sync UI is useful to you, consider supporting the project.

Buy Me a Coffee · Sponsor on GitHub

Sponsor tiers: $5/month for README recognition, $19/month for README and portfolio recognition, $49/month for README, portfolio, and promotion on Sync UI.

MIT. See LICENSE for details.

Built and maintained by Abhi Varde.

X · GitHub