🪴 Introducing Sync UI

A sleek UI library for Design Engineers, offering beautifully designed components and Blocks built with MUI and Motion (motion/react).

⭐ If you like this project, please give it a star! It helps more developers discover Sync UI 💚

🏆 Featured on Vercel Community Showcase

Grateful to be featured on the official Vercel Community Showcase for Sync UI.

🎯 Problem

Building polished UI components takes time. Sync UI provides prebuilt, animated, and accessible components with ready-to-use templates, letting you ship your apps faster.

✨ Key Features

• 🎨 Beautifully Designed Components – MUI + Motion (motion/react)
• 🧱 Blocks (New) – Pre-built Hero, CTA & Pricing sections for faster page building
• 📁 Production-Ready Templates – speed up your development workflow
• ♿ Accessible & Customizable – built with accessibility in mind
• 🤝 100% Free & Open Source – no hidden costs
• 🚀 Ready for Your Next Project – production-quality

🚀 Tech Stack

• Frontend: React, Next.js
• Styling: Material UI
• Animation: Motion (motion/react)
• Analytics: Umami Analytics
• Email Storage: Appwrite Database
• Email Delivery: Resend
• Email UI: React Email
• Deployment: Vercel

🧱 Blocks (New)

Blocks are pre-built, copy-paste UI sections composed using Sync UI components.

Available Blocks

• Hero Blocks
• CTA Blocks
• Pricing Blocks

Blocks help you build landing pages faster while keeping layouts consistent and easy to customize.

➡ Explore Blocks: https://syncui.design/blocks

📦 Templates

• 🚀 Startup Template – $29
• 🧹 SaaS Template – $29
• 🌟 Portfolio Template – $29
• 🧓 Bundle – $79

➡ See all templates

📖 Documentation

Visit https://syncui.design/docs to explore components, Blocks, and templates.

💖 Support

Love Sync UI? Help me keep building!

• ☕ One-time support → Buy me a coffee
• 💚 $5 / month – Supporter → GitHub README recognition
• 🌟 $19 / month – Sponsor → README + Portfolio recognition
• 🚀 $49 / month – Featured Sponsor → README + Portfolio + promotion on Sync UI

☕ Buy Me a Coffee
👉 Become a Sponsor

🤝 Contributing

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

Guidelines:

• Follow existing code style
• Test main features
• Ensure responsive design
• Write clear commits

Contribution Guide

📜 License

Sync UI is licensed under the MIT License.

👨‍💻 Authors

Created and maintained by Abhi Varde.

⭐ Star History