🪴 Introducing Sync UI

Free React UI library with 125+ components, 13+ blocks, and 3 premium templates. Built with MUI and Motion (motion/react).

<div align="center">

🌐 Website • 📚 Documentation • 🧩 Components • 🧱 Blocks • 🚀 Templates • 🌟 Showcase

</div>

⭐ Show Your Support

If you find Sync UI helpful, please give it a star! It helps other developers discover the project.

<div align="center">

</div>

🏆 Recognition

• Featured on Vercel Community Showcase
• 85+ GitHub Stars and growing
• Trusted by developers in 100+ countries

✨ What's Included

🧩 125+ Free Components

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.

→ Browse Components

🧱 13+ Free Blocks

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

→ Explore Blocks

🚀 3 Premium Templates

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)

→ View Templates

🐳 Run with Docker

git clone https://github.com/AbhiVarde/syncui
cd syncui
docker build -t syncui .
docker run -p 3000:3000 syncui

Open http://localhost:3000

🚀 Tech Stack

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

🎯 Why Sync UI?

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

💖 Support the Project

Your support helps keep Sync UI free and actively maintained!

One-Time Support

Monthly Sponsorship

Sponsor Tiers:

💚 $5/month — Supporter → GitHub README recognition
🌟 $19/month — Sponsor → README + Portfolio recognition
🚀 $49/month — Featured Sponsor → README + Portfolio + promotion on Sync UI

🤝 Contributing

We welcome contributions! Here's how to get started:

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

Contribution Guidelines

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

📜 License

Sync UI is open source and available under the MIT License.

👨‍💻 Author

Created and maintained by Abhi Varde

🔗 Links

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

📊 Project Stats

<div align="center">

</div> <div align="center">

Built with ❤️ for the developer community

If you like Sync UI, please ⭐ star the repo!

</div>