Sync UI - Animated UI Kit with MUI + Framer Motion + Next.js (Vercel)

Hi everyone :waving_hand:

I’m Abhi Varde, a software developer from India and I’d love to share something close to my heart.

:wrapped_gift: Sync UI is a growing collection of free, beautifully animated MUI components and affordable templates, built using:

  • :test_tube: Next.js
  • :artist_palette: MUI (Material UI)
  • :film_frames: Framer Motion
  • :rocket: Deployed on Vercel

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

  • :white_check_mark: 30+ ready-to-use components (Pointers, Cards, Buttons, Loaders, Docks, Marquees, Dialogs, Textfields, etc.)
  • :white_check_mark: Each with 3-4 variants
  • :white_check_mark: 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.

:green_heart: All of this is built with love…

  • Hosted fully on Vercel: syncui.design
  • Reached devs in 60+ countries :globe_showing_europe_africa:
  • 60+ stars on GitHub :star:
  • 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:

  • :seedling: Help devs build faster with beautiful defaults
  • :handshake: Connect with people who believe in open tools
  • :folded_hands: Maybe find a sponsor or supporter who sees the potential

:hugs: Ways you can support

  • Star the repo: GitHub
  • Share with a friend who builds in MUI/Next.js
  • Or just leave a kind word - it means a lot

:pushpin: Official site: https://syncui.design
:bird: Twitter: @syncuidesign
:briefcase: Me: https://abhivarde.in

Thanks so much for reading - I really hope Sync UI helps someone create something amazing…

- Abhi Varde

6 Likes

Great to see this! Thanks for sharing @abhivarde :sparkle:

2 Likes

Thank you so much, Paulien Ma’am! :green_heart:
Means a lot to me that you took the time to check it out and share it :sparkles:

Also shared it on X (Twitter) if anyone wants to see it there too :seedling:
:speech_balloon: https://x.com/syncuidesign/status/1953328143466414350

:rocket: New drop in Sync UI - Adaptive Forms!

  • Multi-step

  • Login

  • Register

  • Contact

Built with Next.js + MUI + Framer Motion :high_voltage:

Demo video + repo link → https://x.com/syncuidesign/status/1957853087646814617
Try it → Sync UI - Sleek UI Library for Design Engineers | Sync UI

Would love feedback from fellow Next.js devs!

1 Like

:fire: New OTP Input is LIVE!

6-digit verification made beautiful :sparkles:
→ Auto-focus navigation
→ Paste support
→ Responsive design

Try it now → Sync UI - Sleek UI Library for Design Engineers | Sync UI
If you’re on X (Twitter), hope over & check it out → https://x.com/syncuidesign/status/1959839781598499147

If you find Sync UI useful, a :star:, share, or sponsorship would mean a lot :green_heart:

Just shipped the Autocomplete for Sync UI :tada:
Single, multi-select, async, grouped & custom render.

We’re now 70+ stars on GitHub :green_heart:
Thanks for the support!

Try it: https://www.syncui.design/docs/autocompletes
Github: https://github.com/AbhiVarde/syncui

:rocket: New in Sync UI: Component Search
Find any component instantly and jump straight to its docs :high_voltage:

Try it here: https://www.syncui.design/
Demo / X (Twitter) post: https://x.com/syncuidesign/status/1968533197353889933

1 Like

:tada: 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 :star:

  • Used by devs in 80+ countries :globe_showing_europe_africa:

Wrote a fun blog about the journey → Blog Link

Here’s to more stars, some template sales :money_with_wings:, and new opportunities :rocket:

PS: The story also lives on the Sync UI site itself :backhand_index_pointing_down:
:link: Sync UI - Sleek UI Library for Design Engineers | Sync UI

If you’re on X (Twitter), hope over & check it out → https://x.com/syncuidesign/status/1974089083774554357

: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 → Sync UI - Sleek UI Library for Design Engineers | Sync UI
GitHub → GitHub - AbhiVarde/syncui: A sleek UI library for Design Engineers, offering beautifully designed components built with MUI and Framer Motion.

If you’re on X (Twitter), hope over & check it out → https://x.com/syncuidesign/status/1975073520830042550

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

:green_heart: Added something fun to Sync UI!

Open DevTools → Console to check it out :eyes:
Thought it’d be a nice touch for fellow developers visiting the site!

Just upgraded Sync UI to Next.js 16 :high_voltage:
The upgrade was super smooth and the dev server now starts in seconds with Turbopack! :rocket:

:alarm_clock: New component: Time Picker (4 variants)
→ 12 hr / 24 hr
→ With seconds / presets

:pushpin: Try it here → syncui.design/docs/timepickers
:yellow_heart: OSS repo → github.com/AbhiVarde/syncui

Try it out & let me know what you think! :raised_hands:

:speech_balloon: If you’re on Twitter, would love a little support: https://x.com/syncuidesign/status/1984557334786355606

2 Likes

Reminder to support your favorite OSS projects :heart:

1 Like

:package: Skeletons are live

Built with MUI + motion/react

How to use it :eyes:syncui.com/docs/components/skeletons

Open source • 86★ on GitHub