Changelog

⚙️ Jul '26 – CLI Setup & Smart Aliases

v1.4.0 – Init Command

New:
→ syncui init – detects your framework, creates components.json, installs base dependencies
→ Import alias detection – reuses your @/* alias, or creates one
→ syncui add now auto-installs missing dependencies
→ New --skip-install flag

Why it matters:
→ One command instead of manual setup
→ Output paths resolve through config, no more guesswork

📦 Jun '26 – CLI, MCP, Registry, ▲ Vercel OSS Program · Spring '26 & Agent Skills

v1.3.0 – Hosted Registry

New:
→ Registry now lives at syncui.design/r
→ CLI fetches components at install time – no bundled registry inside the package
→ New components ship the moment the site deploys, no CLI update needed

v1.2.0 – MCP

New:
→ MCP Server – Let your AI agent add components directly into your project
→ Published on npm: @abhivarde/syncui-mcp

Setup:
→ Add to your MCP client config (Claude Code, Cursor, Windsurf, Codex, OpenCode)

Why it matters:
→ No commands, no docs tab
→ Just tell your agent which component you want
→ You still own the code

v1.1.0 – CLI

New:
→ CLI – Add any component or block directly into your project
→ Published on npm: @abhivarde/syncui

npx @abhivarde/syncui@latest add name/variant

Use name/variant to target exactly what you need, e.g. accordion/brutalist or hero/centered.

Why it matters:
→ No copy-paste, no docs tab
→ One command, straight into your codebase

▲ Vercel OSS Program

Recognition:
→ Sync UI accepted into the Vercel Open Source Program – Spring 2026 cohort

v1.0.0 – Stable Release

Release:
→ First official stable release of Sync UI
→ All dependencies updated to latest versions

v0.4.0 – Agent Skills

New:
→ Agent Skill – Use Sync UI inside Claude Code, Cursor, Copilot, Windsurf, and 10+ AI coding tools without visiting the docs

Install:
→ npx skills add AbhiVarde/syncui

What the skill covers:
→ All 125+ components with variant reference
→ All 13+ blocks (Hero, CTA, Pricing, Stats)
→ Motion animation patterns
→ Framework setup for Next.js, Vite, and React Router

Why it matters:
→ Your AI agent knows every component by name
→ No hallucinated props, no wrong imports
→ Works across every major AI coding tool

🌐 Mar '26 – Showcase Launched

Release:
→ v0.3.0

New:
→ Showcase Explore projects, tools, and libraries shared by the Sync UI community
→ Stats Key metric sections with Simple, With Icons, and Cards variants. Built with react-icons, MUI typography, and staggered motion animations.

🧱 Jan ’26 – Blocks Launch & Website Refresh

Major Releases:
→ v0.2.1 (latest) – Installation & Docs Improvements
→ v0.2.0 – Blocks Launch
→ v0.1.5 – Website UI Refresh

v0.2.1 – Installation & Docs

New:
→ Framework-based installation (Next.js, Vite, React Router, Manual)
→ Components Page to browse all available UI components

Improvements:
→ New framework selection grid for onboarding
→ Updated docs navigation with installation routes
→ Improved split copy button with primary action + dropdown
→ Smoother transitions and clearer copy feedback

Why it matters:
→ Faster and clearer onboarding
→ Better discoverability of components
→ Improved documentation usability

v0.2.0 – Blocks

New:
→ Blocks – Pre-built, copy-paste UI sections

Available Blocks:
→ Hero · CTA · Pricing

Why it matters:
→ Faster page building
→ Consistent layouts
→ Built on top of Sync UI components

v0.1.5 – Website UI Refresh

Changes:
→ Migrated icons from react-icons to Hugeicons
→ Refreshed landing page and site-wide UI
→ No breaking changes

🔒 Dec ’25 – Security Update & Motion Migration

Release:
→ v0.1.3 (latest) – Security, performance & stack upgrades
→ v0.1.2 – Security & performance update
→ v0.1.1 – Security update

Security & Stack Updates:
→ Next.js 16.0.0 → 16.0.7 → 16.0.10
→ React Server Components fixes (DoS & source exposure)
→ Core upgrades: MUI v7, React 19, Emotion

Animation Migration:
→ Replaced framer-motion with motion/react

Why this matters:
→ 🚀 Smaller bundles & faster load times
→ 🎯 Smoother, more accurate animations
→ 🧠 Cleaner architecture with fewer abstractions
→ ⚡ Noticeably faster UI interactions

All components now use Motion’s modern animation primitives.

New Component:
→ Skeletons – Lightweight loading placeholders for cards, lists, text, and content blocks

Documentation Improvements:
→ PackageManagerTabs (npm, yarn, pnpm, bun)
→ One-click copy with syntax highlighting
→ Cleaner setup & improved DX

Coming Soon:
→ Block-based UI sections
→ Copy-paste layout blocks
→ Faster bundles & smarter tree-shaking

⏰ Nov '25 – Time Pickers Added

New Component:
→ Time Pickers – Seamless time selection with 12-Hour, 24-Hour, With Seconds, and Presets variants. Features smooth animations, dark mode support.

📅 Oct '25 – Date Picker Variants Added

New Component:
→ Date Pickers – Flexible date selection with Single, Range, Presets, and With Time variants. Includes smooth animations, dark mode support, and smart preset options like Today, Yesterday, Last 7 Days, and more.

🪄 Sep '25 – Component Search & Smart Autocomplete

New Feature:
→ Component Search – Instantly find any component from the top header and jump straight to its docs. Say goodbye to endless scrolling! 🚀

New Component:
→ Autocompletes – Smart, fast, and accessible input suggestions with smooth animations and flexible variants.

📋 Aug '25 – Fresh Components & OTP Update

New Component:
→ Adaptive Forms – Multi-step, Login, Register & Contact variants, smoothly animated and fully responsive.

Component Update:
→ TextFields – New OTP variant added with 6-digit verification, auto-focus navigation, and responsive design.

Sync UI Newsletter – Get the latest components, templates, and updates in your inbox.

Built with:
→ Appwrite – for storing subscribers
→ Resend – for email delivery
→ React Email – for beautiful email templates

New Component:
→ Overlay Dialogs – A new system of animated dialogs designed for better UX, with variants like Blur, Notification, Sidebar, and more.

🧪 Jun '25 – Startup Template, Bundle Offer & TextFields

New Component:
→ TextFields – Echo Inputs with smooth animations and flexible interactions.

New in Templates:
→ Startup Template – Built for modern startups: smooth, focused, and ready to launch 🚀
→ 💼 Bundle Deal: Get all 3 templates – SaaS, Portfolio & Startup – for $79 (Save $8)
→ Or pick your favorite for $29 each ✨

🔲 May '25 – Grid Systems Unleashed

Structural Foundations:
→ Grids – Introduced 5 flexible layout systems including Masonry and Bento styles
→ Accordions – Versatile collapsible content organizers with elegant transitions and interactive states

✳️ Apr '25 – Pointers & New Text Variant

New Additions:
→ Backgrounds – New magnetic and grid variants, with refreshed colors and animations
→ Pointers – Guide users visually with directional cues
→ Texts – Introduced "Video Text": text with video content visible through the text mask

🧩 Mar '25 – Introducing Templates

Fresh Launches:
→ SaaS Template – Ready-to-use UI for SaaS apps
→ Portfolio Template – Clean, modern layouts to showcase your work

🔧 Feb '25 – Component Upgrades

Enhanced Experiences:
→ Cards – Added Lens Card variant with Twitter embed support
→ Paginations – New numeric and progress bar styles
→ Texts – More typography presets and motion flexibility

🧱 Jan '25 – New Components Drop

Now Available:
→ Avatars – User profile system with dynamic badges
→ Docks – Context-aware navigation sidebars
→ Tables – Responsive, sortable data tables for any screen

🌀 Nov '24 – New Layers of Functionality

Just Added:
→ Carousels – Swipeable, touch-friendly content sliders
→ Content Cards – Pre-built card containers for flexible layouts
→ Dynamic Overlays – Modal overlays triggered by context

🚀 Oct '24 – Sync UI Is Live!

Say hello to Sync UI — an open-source UI library powered by MUI and Motion (motion/react), built for developers who love performance, polish, and flexibility.

Core Components:
→ Avatars
→ Backgrounds
→ Buttons
→ Cards
→ Loaders
→ Marquees
→ Paginations
→ Separators
→ Tabs
→ Texts

Highlights:
→ Sleek, modern UI building blocks
→ Built with MUI & Framer Motion
→ Fully accessible & responsive
→ Open-source (MIT)
→ Community-first approach