📊 Mar '26 – Stats Blocks Added
📊 Mar '26 – Stats Blocks Added
New Block:
→ Stats – Key metric sections with Simple, With Icons, and Cards variants. Built with react-icons, MUI typography, and staggered motion animations. Light & dark mode ready.
→ Stats – Key metric sections with Simple, With Icons, and Cards variants. Built with react-icons, MUI typography, and staggered motion animations. Light & dark mode ready.
🧱 Jan '26 – Blocks Launch & Website Refresh
🧱 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
→ Framework-based installation (Next.js, Vite, React Router, Manual)
→ Components Page to browse all available UI componentsImprovements:
→ 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 feedbackWhy it matters:
→ Faster and clearer onboarding
→ Better discoverability of components
→ Improved documentation usability
→ Blocks – Pre-built, copy-paste UI sectionsAvailable Blocks:
→ Hero · CTA · PricingWhy it matters:
→ Faster page building
→ Consistent layouts
→ Built on top of Sync UI components
→ Migrated icons from react-icons to Hugeicons
→ Refreshed landing page and site-wide UI
→ No breaking changes
→ 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 componentsImprovements:
→ 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 feedbackWhy it matters:
→ Faster and clearer onboarding
→ Better discoverability of components
→ Improved documentation usability
🧱 v0.2.0 – Blocks
New:→ Blocks – Pre-built, copy-paste UI sectionsAvailable Blocks:
→ Hero · CTA · PricingWhy 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
🔒 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 updateSecurity & 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, EmotionAnimation Migration:
→ Replaced framer-motion with motion/reactWhy this matters:
→ 🚀 Smaller bundles & faster load times
→ 🎯 Smoother, more accurate animations
→ 🧠 Cleaner architecture with fewer abstractions
→ ⚡ Noticeably faster UI interactionsAll components now use Motion’s modern animation primitives.New Component:
→ Skeletons – Lightweight loading placeholders for cards, lists, text, and content blocksDocumentation Improvements:
→ PackageManagerTabs (npm, yarn, pnpm, bun)
→ One-click copy with syntax highlighting
→ Cleaner setup & improved DXComing Soon:
→ Block-based UI sections
→ Copy-paste layout blocks
→ Faster bundles & smarter tree-shaking
→ v0.1.3 (latest) – Security, performance & stack upgrades
→ v0.1.2 – Security & performance update
→ v0.1.1 – Security updateSecurity & 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, EmotionAnimation Migration:
→ Replaced framer-motion with motion/reactWhy this matters:
→ 🚀 Smaller bundles & faster load times
→ 🎯 Smoother, more accurate animations
→ 🧠 Cleaner architecture with fewer abstractions
→ ⚡ Noticeably faster UI interactionsAll components now use Motion’s modern animation primitives.New Component:
→ Skeletons – Lightweight loading placeholders for cards, lists, text, and content blocksDocumentation Improvements:
→ PackageManagerTabs (npm, yarn, pnpm, bun)
→ One-click copy with syntax highlighting
→ Cleaner setup & improved DXComing Soon:
→ Block-based UI sections
→ Copy-paste layout blocks
→ Faster bundles & smarter tree-shaking
⏰ Nov '25 – Time Pickers Added
⏰ 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.
→ 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
📅 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.
→ 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
🪄 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.
→ 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
📋 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.
→ 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.
✉️ Jul '25 – Newsletter Launched & Overlay Dialogs Added
✉️ Jul '25 – Newsletter Launched & Overlay Dialogs Added
🧪 Jun '25 – Startup Template, Bundle Offer & TextFields
🧪 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 **8)_
→ Or pick your favorite for $29 each
→ 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 **8)_
→ Or pick your favorite for $29 each
🔲 May '25 – Grid Systems Unleashed
🔲 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
→ 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
✳️ 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
→ 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
🧩 Mar '25 – Introducing Templates
Fresh Launches:
→ SaaS Template – Ready-to-use UI for SaaS apps
→ Portfolio Template – Clean, modern layouts to showcase your work
→ SaaS Template – Ready-to-use UI for SaaS apps
→ Portfolio Template – Clean, modern layouts to showcase your work
🔧 Feb '25 – Component Upgrades
🔧 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
→ 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
🧱 Jan '25 – New Components Drop
🌀 Nov '24 – New Layers of Functionality
🌀 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
→ 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!
🚀 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
→ Paginations
→ Separators
→ Tabs
→ TextsHighlights:
→ Sleek, modern UI building blocks
→ Built with MUI & Framer Motion
→ Fully accessible & responsive
→ Open-source (MIT)
→ Community-first approach
→ Avatars
→ Backgrounds
→ Buttons
→ Cards
→ Loaders
→ Paginations
→ Separators
→ Tabs
→ TextsHighlights:
→ Sleek, modern UI building blocks
→ Built with MUI & Framer Motion
→ Fully accessible & responsive
→ Open-source (MIT)
→ Community-first approach
Support Sync UI
From a 49 featured sponsorship with extra visibility – every tier helps fuel development and growth. → Become a SponsorLet’s Build It Together
Explore components, copy the code, and make them yours.Have feedback or want to contribute? Visit us on → GitHub – your ideas help shape what’s next. Stay tuned, stay creative – Sync UI grows with you.