Free React UI library with 125+ components, 13+ blocks, and 3 premium templates. Built with MUI and Motion (motion/react).
If you find Sync UI helpful, please give it a star! It helps other developers discover the project.
- Featured on Vercel Community Showcase
- 85+ GitHub Stars and growing
- Trusted by developers in 100+ countries
Production-ready React components with smooth animations:
Buttons, Cards, Tables, Forms, Date Pickers, Time Pickers, Autocompletes, Loaders, Avatars, Accordions, Carousels, Dialogs, Docks, Grids, Tabs, and more.
Pre-built UI sections for landing pages:
Hero Blocks (3) — Eye-catching landing page headers
CTA Blocks (4) — Call-to-action sections
Pricing Blocks (3) — Professional pricing tables
Stats Blocks (3) — Key metric sections with icons and cards
Professional templates to launch faster:
Startup Template ($29) — Complete landing page with all essentials
SaaS Template ($29) — Conversion-focused layout
Portfolio Template ($29) — Modern animated portfolio
Bundle ($79) — All 3 templates (Save $8)
git clone https://github.com/AbhiVarde/syncui
cd syncui
docker build -t syncui .
docker run -p 3000:3000 syncui| Category | Technologies |
|---|---|
| Frontend | React, Next.js |
| Styling | Material UI (MUI) |
| Animation | Motion (motion/react) |
| Backend | Next.js API Routes |
| Analytics | Umami Analytics |
| Deployment | Vercel + Docker |
| Feature | Description |
|---|---|
| ✅ Free & Open Source | 125+ components, 10+ blocks — completely free |
| 🎨 Beautiful Design | Modern, polished UI with smooth animations |
| ⚡ Production Ready | Battle-tested components for real projects |
| ♿ Accessible | Built with accessibility best practices |
| 🔧 Customizable | Easy to modify and extend |
| 📱 Responsive | Works perfectly on all devices |
| 🚀 Next.js Ready | Optimized for Next.js projects |
Your support helps keep Sync UI free and actively maintained!
Sponsor Tiers:
💚 $5/month — Supporter → GitHub README recognition
🌟 $19/month — Sponsor → README + Portfolio recognition
🚀 $49/month — Featured Sponsor → README + Portfolio + promotion on Sync UI
We welcome contributions! Here's how to get started:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Follow existing code style and conventions.
Test components across different screen sizes.
Ensure accessibility standards are met.
Write clear, descriptive commit messages.
Update documentation if needed.
📝 Read Full Contribution Guide
Sync UI is open source and available under the MIT License.
Created and maintained by Abhi Varde
Website: https://syncui.design
Documentation: https://syncui.design/docs
Components: https://syncui.design/components
Blocks: https://syncui.design/blocks
Templates: https://syncui.design/templates
Showcase: https://syncui.design/showcase
GitHub: https://github.com/AbhiVarde/syncui
Twitter: https://x.com/syncuidesign
Changelog: https://syncui.design/docs/changelog
Built with ❤️ for the developer community
If you like Sync UI, please ⭐ star the repo!