Skip to content

Releases: AbhiVarde/syncui

v1.4.0: syncui init

Choose a tag to compare

@AbhiVarde AbhiVarde released this 04 Jul 12:25

sync ui sets itself up now.

one command detects your framework, creates components.json,
sets up your import alias, installs base deps.

syncui add now auto-installs missing dependencies too.
no more install deps → wrap provider → guess folder paths.

npx @abhivarde/syncui@latest init

npm: @abhivarde/syncui

v1.3.0: hosted registry for Sync UI

Choose a tag to compare

@AbhiVarde AbhiVarde released this 04 Jul 12:22

sync ui components now live on the edge.

registry moved to syncui.design/r, CLI fetches at install time.
no bundled registry inside the package.

new components ship the moment the site deploys.
no CLI update needed, ever.

→ registry: https://syncui.design/r/index.json

v1.2.0: MCP server for Sync UI

Choose a tag to compare

@AbhiVarde AbhiVarde released this 27 Jun 16:22

MCP server for Sync UI is here.

your AI agent can now add components directly into your project.
no commands, no docs tab. you still own the code.

→ cursor, windsurf, claude code, codex, opencode

npm: @abhivarde/syncui-mcp

v1.1.0: Sync UI CLI is here 🎉

Choose a tag to compare

@AbhiVarde AbhiVarde released this 26 Jun 07:05

Add any component or block directly into your project from the terminal.

npx @abhivarde/syncui@latest add name/variant

→ accordion/brutalist
→ hero/centered
→ pricing/cards

✦ 125+ components and 13+ blocks available
✦ Works with npm, yarn, pnpm, and bun

Also use Sync UI inside Cursor, Claude Code, Copilot, and Windsurf via Agent Skill:

npx skills add AbhiVarde/syncui

🌟 We just hit 99 GitHub stars, thank you!

📦 npm → https://www.npmjs.com/package/@abhivarde/syncui
🤖 Agent Skill → https://www.skills.sh/abhivarde/syncui/syncui
🔗 Repo → https://github.com/AbhiVarde/syncui

v1.0.0: Stable Release

Choose a tag to compare

@AbhiVarde AbhiVarde released this 10 Jun 10:53

🎉 v1.0.0: First Stable Release

Marking the first official stable release of Sync UI.

📦 Dependencies Updated

  • @mui/material → 9.1.0
  • @hugeicons/core-free-icons → 4.2.0
  • next → 16.2.9
  • react / react-dom → 19.2.7
  • motion → 12.40.0
  • resend → 6.12.4
  • esbuild → 0.28.0
  • @giscus/react → 3.1.0
  • @hugeicons/react → 1.1.6
  • All other dependencies on latest compatible versions

🔗 Links

v0.4.0: AI Agent Skill

Choose a tag to compare

@AbhiVarde AbhiVarde released this 03 Jun 10:29

Sync UI v0.4.0 — now works natively with AI coding tools

You can now install Sync UI as an agent skill. Claude Code, Cursor, Copilot,
Windsurf, and 10+ other tools will know every component, every variant, and
every animation pattern without you pasting docs into the chat.

npx skills add AbhiVarde/syncui

The skill covers all 125+ animated components, 13+ blocks, Motion patterns,
and framework setup for Next.js, Vite, and React Router. Same approach shadcn
just added to their repo.

If you have been using Sync UI already, this is the update that makes it
actually work well with how most people are building today.

Skills: https://skills.sh/abhivarde/syncui/syncui
GitHub: https://github.com/AbhiVarde/syncui
Web: https://syncui.design

v0.3.0: Community Showcase

Choose a tag to compare

@AbhiVarde AbhiVarde released this 21 Mar 08:01

What's new

Community Showcase

Showcase is now live at syncui.design/showcase

  • community tools, libraries, and projects all in one place
  • submit yours via the github discussion
  • sponsor to get your project featured at the top
  • powered by github discussions, no manual curation needed

Docker support

Sync UI can now be self-hosted with Docker

  • multi-stage dockerfile using node 24 slim
  • standalone output for smaller image size
  • works with any docker-compatible platform

Other changes

  • upgraded next.js to 16.2, faster dev startup and faster server components
  • updated showcase nav icon to layers

Get started

Submit to showcase: Join the discussion
Sponsor for featured placement: Become a sponsor

Framework-based Installation & Improved Docs UX

Choose a tag to compare

@AbhiVarde AbhiVarde released this 06 Jan 11:35

This release improves the getting started experience and documentation usability in Sync UI.

What’s new

  • Framework-based installation system
    • Next.js
    • Vite
    • React Router
    • Manual setup
  • New framework selection grid for easier onboarding
  • Dedicated installation routes per framework
  • Automatic redirect from /docs/docs/installation
  • New components listing page to explore all available UI components

Docs & UX improvements

  • Cleaner docs navigation structure
  • Improved copy button with split primary action + dropdown
  • Smoother transitions and clearer copy feedback

Built to make Sync UI easier to adopt, faster to explore, and more developer-friendly.

Open source and actively maintained.
https://syncui.design

If any of my work has helped you, you can support me here:
☕ One-time: https://buymeacoffee.com/abhivarde9h
❤️ Sponsor a project you liked: https://github.com/sponsors/AbhiVarde

Introducing Sync UI Blocks

Choose a tag to compare

@AbhiVarde AbhiVarde released this 01 Jan 16:39

Blocks are pre-built, copy-paste UI sections to help you build pages faster.

Available today

  • Hero Blocks (4)
  • CTA Blocks (3)
  • Pricing Blocks (3)

Why it matters

  • Faster page building
  • Consistent layouts
  • Built on top of Sync UI components

Open source and actively maintained.
syncui.design/blocks

If any of my work has helped you, you can support me here:
☕ One-time: https://buymeacoffee.com/abhivarde9h
❤️ Sponsor a project you liked: https://github.com/sponsors/AbhiVarde

Sync UI × Hugeicons

Choose a tag to compare

@AbhiVarde AbhiVarde released this 31 Dec 09:33

Website UI Refresh

This release updates the Sync UI website UI to use Hugeicons, as part of an ongoing visual and design cleanup.

What changed:

  • Migrated website icons from react-icons to Hugeicons
  • Refreshed the landing page and site-wide UI
  • No breaking changes to existing components or templates

Notes:

  • Existing component code examples continue to use react-icons for stability
  • All new work (Blocks and future templates) will use this direction going forward

Sync UI continues to be:

  • 125+ free animated UI components
  • 3+ production-ready templates (SaaS / Startup / Portfolio)
  • Built with MUI and motion/react
  • Fully open source and actively maintained

Project: https://syncui.design

If you’re on X (Twitter), there’s a short visual update here:
https://x.com/syncuidesign/status/2006005146485162403

If any of my work has helped you, you can support me here:
☕ One-time: https://buymeacoffee.com/abhivarde9h
❤️ Sponsor a project you liked: https://github.com/sponsors/AbhiVarde