Free React UI library with 125+ components, 10+ 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
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)
| Category | Technologies |
|---|---|
| Frontend | React, Next.js |
| Styling | Material UI (MUI) |
| Animation | Motion (motion/react) |
| Backend | Next.js API Routes |
| Analytics | Umami Analytics |
| Deployment | Vercel |
| 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
- 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!