[▲ Vercel Community](/) · [Categories](/categories) · [Latest](/latest) · [Top](/top) · [Live](/live) [Showcase](/c/showcase/41) # Sync UI - Animated UI Kit with MUI + Framer Motion + Next.js (Vercel) 1175 views · 19 likes · 53 posts Abhivarde (@abhivarde) · 2025-08-07 · ♥ 7 Hi everyone 👋 I’m **Abhi Varde**, a software developer from India and I’d love to share something close to my heart. 🎁 **[Sync UI](https://syncui.design)** is a growing collection of **free, beautifully animated MUI components** and **affordable templates**, built using: * 🧪 **Next.js** * 🎨 **MUI (Material UI)** * 🎞️ **Framer Motion** * 🚀 **Deployed on Vercel** ### 🌟 Why I Built It I noticed most animated UI libraries use **Tailwind + Framer Motion** - which are great, but not for everyone. So I built **Sync UI** for devs like me who prefer **MUI**, but still want smooth, responsive, animated components that just work. Today, Sync UI offers: * ✅ 30+ ready-to-use components (**Pointers, Cards, Buttons, Loaders, Docks, Marquees, Dialogs, Textfields**, etc.) * ✅ Each with **3-4 variants** * ✅ Clean code, responsive design, real-world use And for those launching fast, I also offer **$29 templates** (Startup, SaaS, Portfolio) - built with the same stack. ### 💚 All of this is built with love… * Hosted fully on Vercel: [syncui.design](https://syncui.design) * Reached devs in 60+ countries 🌍 * 60+ stars on GitHub ⭐ * And still… earned ₹0 (but I keep going!) I recently had to renew my domain (\~₹6000 INR / $72), and it made me reflect: > Even if I haven’t earned from this, I’ve built something people value. So I’m sharing Sync UI here in the Vercel community to: * 🌱 Help devs build faster with beautiful defaults * 🤝 Connect with people who believe in open tools * 🙏 Maybe find a sponsor or supporter who sees the potential ### 🤗 Ways you can support * Star the repo: [GitHub](https://github.com/abhivarde/syncui) * Share with a friend who builds in MUI/Next.js * Or just leave a kind word - it means a lot 📌 Official site: [https://syncui.design](https://syncui.design) 🐦 Twitter: [@syncuidesign](https://x.com/syncuidesign) 💼 Me: [https://abhivarde.in](https://abhivarde.in) Thanks so much for reading - I really hope Sync UI helps someone create something amazing… \- Abhi Varde Pauline P. Narvas (@pawlean) · 2025-08-07 · ♥ 2 Great to see this! Thanks for sharing @abhivarde :sparkle: Abhivarde (@abhivarde) · 2025-08-07 Thank you so much, Paulien Ma’am! 💚 Means a lot to me that you took the time to check it out and share it ✨ Abhivarde (@abhivarde) · 2025-08-07 Also shared it on X (Twitter) if anyone wants to see it there too 🌱 💬 https://x.com/syncuidesign/status/1953328143466414350 Abhivarde (@abhivarde) · 2025-08-20 · ♥ 1 🚀 New drop in Sync UI - **Adaptive Forms!** * Multi-step * Login * Register * Contact Built with Next.js + MUI + Framer Motion ⚡ Demo video + repo link → https://x.com/syncuidesign/status/1957853087646814617 Try it → https://www.syncui.design/docs/forms Would love feedback from fellow Next.js devs!  Abhivarde (@abhivarde) · 2025-08-26 :fire: New OTP Input is LIVE! 6-digit verification made beautiful :sparkles: → Auto-focus navigation → Paste support → Responsive design Try it now → https://www.syncui.design/docs/textfields If you’re on X (Twitter), hope over & check it out → https://x.com/syncuidesign/status/1959839781598499147 If you find Sync UI useful, a ⭐, share, or sponsorship would mean a lot 💚  Abhivarde (@abhivarde) · 2025-09-16 Just shipped the **Autocomplete** for Sync UI 🎉 Single, multi-select, async, grouped & custom render. We’re now **70+ stars on GitHub** 💚 Thanks for the support! Try it: [https://www.syncui.design/docs/autocompletes](https://www.syncui.design/docs/autocompletes) Github: [https://github.com/AbhiVarde/syncui](https://github.com/AbhiVarde/syncui)  Abhivarde (@abhivarde) · 2025-09-17 · ♥ 1 🚀 **New in Sync UI: Component Search** Find any component instantly and jump straight to its docs ⚡ **Try it here:** https://www.syncui.design/ Demo / X (Twitter) post: https://x.com/syncuidesign/status/1968533197353889933  Abhivarde (@abhivarde) · 2025-10-02 🎉 Sync UI turns **1 year old** today! From Navratri 2024 → Navratri 2025, here’s what happened: * 70+ free animated components * 3 templates at just $29 * 75+ GitHub stars ⭐ * Used by devs in 80+ countries 🌍 Wrote a fun blog about the journey → [Blog Link](https://dev.to/abhivarde/my-sync-ui-journey-from-navratri-2024-to-navratri-2025-74j) Here’s to more stars, some template sales 💸, and new opportunities 🚀 Abhivarde (@abhivarde) · 2025-10-02 PS: The story also lives on the Sync UI site itself 👇 🔗 https://www.syncui.design/docs/story Abhivarde (@abhivarde) · 2025-10-03 If you’re on X (Twitter), hope over & check it out → https://x.com/syncuidesign/status/1974089083774554357 Abhivarde (@abhivarde) · 2025-10-06 :date: New Component Alert! We’ve just added Date Picker to Sync UI. Variants include: * Single date * Date range * Presets (“Today”, “This Week”, etc.) * Date + time Try it out → http://syncui.design/docs/datepickers GitHub → http://github.com/AbhiVarde/syncui If you’re on X (Twitter), hope over & check it out → https://x.com/syncuidesign/status/1975073520830042550  Abhivarde (@abhivarde) · 2025-10-13 Hey everyone :wave: Just shared a new thread on Sync UI’s growth over the last few months :seedling: Check it out on X/Twitter and show some love if you like it :green_heart: → https://x.com/syncuidesign/status/1977745928443379988 Abhivarde (@abhivarde) · 2025-10-27 💚 Added something fun to Sync UI! Open DevTools → Console to check it out 👀 Thought it’d be a nice touch for fellow developers visiting the site!  Abhivarde (@abhivarde) · 2025-10-30 **Just upgraded Sync UI to Next.js 16 ⚡️** The upgrade was super smooth and the dev server now starts in seconds with Turbopack! 🚀  Abhivarde (@abhivarde) · 2025-11-01 :alarm_clock: New component: Time Picker (4 variants) → 12 hr / 24 hr → With seconds / presets :pushpin: Try it here → [syncui.design/docs/timepickers](https://www.syncui.design/docs/timepickers) :yellow_heart: OSS repo → [github.com/AbhiVarde/syncui](https://github.com/AbhiVarde/syncui) Try it out & let me know what you think! :raised_hands:  Abhivarde (@abhivarde) · 2025-11-01 :speech_balloon: If you're on Twitter, would love a little support: https://x.com/syncuidesign/status/1984557334786355606 Abhivarde (@abhivarde) · 2025-12-02 · ♥ 2 https://x.com/syncuidesign/status/1995845212128903405 Abhivarde (@abhivarde) · 2025-12-08 · ♥ 1 Reminder to support your favorite OSS projects ❤️ https://x.com/syncuidesign/status/1998002113029496861 Abhivarde (@abhivarde) · 2025-12-09 📦 Skeletons are live Built with MUI + motion/react How to use it 👀 → syncui.com/docs/components/skeletons Open source • 86★ on GitHub https://x.com/syncuidesign/status/1998718277028294903 Abhivarde (@abhivarde) · 2025-12-15 Shipped a new **Sync UI** update :rocket: - React RSC security fixes (**Next.js 16.0.10**) - Migrated animations from **framer-motion → motion/react** (smaller, smoother, faster) → https://syncui.design **Open-source** • **MUI-based** • **motion-powered** Abhivarde (@abhivarde) · 2025-12-15 Shared a quick update about the latest Sync UI release on X :point_down: https://x.com/varde_abhi/status/2000232861258137678 Abhivarde (@abhivarde) · 2025-12-16 A new **Sync UI** update is live :tada: • Upgraded to **MUI v7** • Now running on **React 19** + latest **Emotion** → https://syncui.design **Open-source** • **MUI-based** • **motion-powered** Abhivarde (@abhivarde) · 2025-12-16 If anyone wants the full **Dec ’25** breakdown, it’s documented in the changelog: → https://syncui.design/docs/changelog Abhivarde (@abhivarde) · 2025-12-16 Another **Sync UI** update just dropped! :tada: - Added **Package Manager Tabs** to setup guide - Support for **npm** | **yarn** | **pnpm** | **bun** - One-click copy with syntax highlighting - Cleaner, more developer-friendly docs → https://syncui.design **Open-source** • **MUI v7** • **motion-powered**  Abhivarde (@abhivarde) · 2025-12-20 https://x.com/syncuidesign/status/2002335511244124627 Abhivarde (@abhivarde) · 2025-12-22 Made Sync UI docs even better :books: New compact navigation: → Copy page instantly → Ask ChatGPT/Claude for help (with context!) → View source MDX → Navigate with arrows Less clutter, more productivity :zap: Try it: [syncui.design/docs](https://syncui.design/docs)  Abhivarde (@abhivarde) · 2025-12-23 https://x.com/syncuidesign/status/2003338026702037378 Abhivarde (@abhivarde) · 2025-12-24 https://x.com/varde_abhi/status/2003738356623265828 Abhivarde (@abhivarde) · 2025-12-25 Sync UI is now experimenting with light ads to stay sustainable. Over the past year, it’s grown into: ▸125+ free animated components ▸3+ Production-ready templates ▸MUI + motion/react ▸Open source If it’s useful, a share means a lot :white_heart: → [syncui.design](https://syncui.design) If you’re active on X, a repost or quick thought there would really help: https://x.com/varde_abhi/status/20041278859894786754 Abhivarde (@abhivarde) · 2025-12-29 Hey Vercel community :wave: I’ve been maintaining an open-source UI library called Sync UI for about a year. It now has users from 100+ countries and is supported by 88+ developers. It offers 125+ animated MUI components powered by motion/react, and I’m starting work on reusable Blocks next. Would really appreciate any feedback from people building real apps. Demo → https://syncui.design If you’re active on X, a repost or quick thought there would really help → https://x.com/varde_abhi/status/2005534012266381699 Abhivarde (@abhivarde) · 2025-12-30 **Sync UI × Hugeicons** We refreshed the Sync UI website UI and moved our site icons to Huge Icons. It fits nicely with our Nextjs + MUI + motion/react setup. New landing page is live. Blocks coming soon :eyes: → https://syncui.design Open source & actively maintained. Abhivarde (@abhivarde) · 2025-12-30  Hey folks, just wanted to share a quick Umami usage update. I added **Umami** to **Sync UI** around **6 months ago**, and it’s been our primary analytics tool since then. The screenshot above is directly from Umami. **Stats from the last 6 months:** - Visitors from **100+ countries** - **2K+ visitors** - **2.5K+ visits** - **13K+ page views** - Avg visit duration **~ 4 min** It’s been really helpful to understand real usage patterns without adding tracking bloat. **About Sync UI:** - **125+ free animated UI components** - **3+ production-ready templates** (SaaS / Startup / Portfolio) - **Blocks coming soon** - Fully **open source and actively maintained** If anyone’s curious: **[syncui.design](https://syncui.design/)** Abhivarde (@abhivarde) · 2025-12-31 New Sync UI landing page UI. Recently refreshed as part of our ongoing design cleanup. → **[syncui.design](https://syncui.design/)** Abhivarde (@abhivarde) · 2025-12-31 https://x.com/syncuidesign/status/2006383677010514399 Abhivarde (@abhivarde) · 2026-01-01 **Shipping something new in Sync UI :rocket:** Introducing **Blocks** // pre-built, copy-paste UI sections. Hero, CTA, and Pricing blocks available. Built for faster, consistent page building. Try it → [syncui.design/blocks](https://syncui.design/blocks) Templates → [syncui.design/templates](https://syncui.design/templates) GitHub → [github.com/AbhiVarde/syncui](https://github.com/AbhiVarde/syncui) Open source · users from 100+ countries · 85+ GitHub stars Abhivarde (@abhivarde) · 2026-01-02 If you’re on X (Twitter), there’s a short visual update here: https://x.com/varde_abhi/status/2007097538084774292 Abhivarde (@abhivarde) · 2026-01-06 **New in Sync UI: Framework-based installation :rocket:** Choose your setup: → Next.js → Vite → React Router → Manual Get started faster with guided installation for your stack. Try it → http://syncui.design Open source · 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-07 · ♥ 2 The new Sync UI components page is live 🎨 → Browse all components → Preview variants → Copy-paste code Everything organized for faster development. Check it out → [http://syncui.design/components](https://t.co/oczLtIUkl8) Open source · 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-10 **Sync UI Blocks are here :tada:** Pre-built sections you can copy-paste: → Hero sections → CTAs → Pricing tables Build landing pages in minutes, not hours. Try it → http://syncui.design/blocks Open source · 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-13 **New in Sync UI: Hero sections :rocket:** Left-aligned, centered, and search-focused layouts — ready to drop into your landing page. → Left-aligned → Centered → Search variant Build a strong first impression, fast. Explore → https://syncui.design/docs/blocks/hero Open source · 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-15 **New in Sync UI: Pricing sections :credit_card:** Flexible pricing layouts for different product needs. → Three-tier → Two-tier → Row layout Perfect for SaaS, tools, and landing pages. Explore → http://syncui.design/docs/blocks/pricing Open source · 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-16 **125+ animated UI components.** Built for real products. Copy. Customize. Ship faster. Explore → [syncui.design/components](https://syncui.design/components) Open source · :star: 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-17 **Build landing pages in minutes.** Hero, CTA, and pricing blocks... ready to drop in. Try it → http://syncui.design/blocks Open source · :star: 85+ GitHub stars  Abhivarde (@abhivarde) · 2026-01-19 **Stop starting from scratch.** Startup, SaaS, and portfolio templates... fully customizable. Check it → [syncui.design/templates](http://syncui.design/templates) Open source · :star: 85+ GitHub stars  Marcelo Farr (@marcelofarrmintii) · 2026-02-05 · ♥ 1 Amazing work @abhivarde! Can we add your UI components to our video creation app, Ozor.ai? It would be great for people to be able to build videos with your components in them. Thanks! Abhivarde (@abhivarde) · 2026-02-05 · ♥ 1 Thanks a lot, really appreciate it! Yes, you’re welcome to use Sync UI components, blocks in Ozor.ai. Would love to know where they’re being used, feel free to share it here once it’s live so others can see it in action. Marcelo Farr (@marcelofarrmintii) · 2026-02-05 · ♥ 1 Thanks! We’ll definitely share this here so others can see them in our videos. Also, we’ll be adding Sync UI to our documentation so people can learn more about your components. Abhivarde (@abhivarde) · 2026-02-11 Hey Vercel community! Sync UI got featured in the community showcase a while back. Just posted an update on LinkedIn about hitting 90+ stars. Would appreciate any feedback or support from the community: https://www.linkedin.com/posts/abhi-varde_reactjs-nextjs-mui-activity-7427003488271867904-XIId?utm_source=share&utm_medium=member_desktop&rcm=ACoAADFdumsBkkbGWnck2_BIFm1rHijrFAPTgEA Thanks for the ongoing support 🙏 Abhivarde (@abhivarde) · 2026-02-27 Hey community! Sync UI is now also available in the Next.js Discord showcase, check it out there too! → https://discord.com/channels/752553802359505017/1298880383819190344 Abhivarde (@abhivarde) · 2026-03-02 Just shipped a Stats block for Sync UI :arrow_down: 3 variants. One metric. Maximum impact. → Simple → With Icons → Cards Animated. Copy-paste ready. Built with Next.js + MUI + motion.dev ↓ Try it [syncui.design/docs/blocks/stats](https://syncui.design/docs/blocks/stats)  Abhivarde (@abhivarde) · 2026-03-02 New to Sync UI? Start here: • Install → syncui.design/docs/installation • 13+ Blocks → syncui.design/blocks • 125+ Components → syncui.design/components • 3+ Templates → syncui.design/templates Free & open source · 85+ ⭐ on GitHub github.com/AbhiVarde/Syncui Abhivarde (@abhivarde) · 2026-03-21 just shipped the Showcase page for Sync UI [syncui.design/showcase](https://syncui.design/showcase) → built with Next.js 16.2, powered by GitHub Discussions API → every url submitted auto fetches the og image and title → first community project is already live by Next Icons submit yours and get featured 
