Changelog

All notable changes to Systaliko UI — new components, templates, fixes, and updates.

v1.0.0

✨Added

  • ✨ ai conversation loop — ai conversation timeline, animates infinitely, to showcase your ai product.
  • ✨ floating elements — Collection of floating elements that animate infinitely and react to mouse movement.
  • ✨ video section — Demo showing animated video that expands on scroll.
  • ✨ animated border — animated-border Animated border rotates infinitely around content
  • ✨ cursor trail — Cursor trail effect component for interactive showcases and demos
  • ✨ clip path animation variants — New clip-path animation variants for reveal, masking, and transitions

🔄Changed

  • 🔄 animation variants — Updated variant utilities and timing defaults to improve consistency across components
  • 🔄 cognify-ai-template — Integrated new components, updated layouts, and refined styles

v0.6.0

✨Added

  • 🧩 New ecommerce: custom-pricing — Composable pricing UI with design demo and custom-pricing-utils helpers for totals, quantity, and checked state
  • ✨ New text component: sliding-number — Tabular currency-style display with per-digit slide transitions (Motion + AnimatePresence)
  • ✨ New text component: text-stagger-interval — Staggered text reveal on a configurable interval
  • 🎬 New demo: wavy-block-y — Vertical-axis wave scroll demo for wavy-block
  • ✨ New second demo: spotlight-list-2 — Alternate spotlight list showcase
  • 📦 Shadcn registry additions: label, slider, and radio-group for installable UI primitives
  • 📚 Documentation: custom-pricing, sliding-number, and expanded wavy-block props (including axis, WavyBlockSticky, and config fields)

🔄Changed

  • 🌊 wavy-block — Optional axis="y" with centered sine motion, partial config overrides, axis-specific defaults, and WavyBlockSticky helper for scroll-mapped y
  • ✨ text-stagger-hover — Grid-based stacking for active/hidden layers (inline-grid, explicit cell placement) so both states share one cell without fragile absolute layout
  • ✨ sliding-number — Digit transitions use tween timing with popLayout and clipped slots to reduce glyph overlap while keeping values stable (no wait + spring hang)
  • 🎨 spotlight-list — Component refinements; home features / hero sections and docs meta / Enera template copy updates
  • 🧩 Registry & public bundles — Rebuilt public/r/* JSON, demo registry items, and MCP/registry metadata across blocks, cards, ecommerce, scroll, and text entries

🐛Fixed

  • 🐛 Docs & site — Mobile docs sidebar trigger viewport, template nav link, and manual installation / link helpers where applicable
  • 🐛 Headers — Configuration fixes for header-related demos or layout

🗑️Removed

  • 🗑️ wavy-texts registry entry and component (superseded by other text utilities and demos)

v0.5.1

🔄Changed

  • 🏠 Redesigned home page — Complete layout overhaul with improved visual hierarchy, updated sections, and refined aesthetics
  • 🚀 SEO & Metadata Improvements — Optimized global metadata, added automated doc page titles, and implemented better heading structures for improved search visibility
  • 🎨 Enhanced AnimatedMenu styling — Refactored styling and responsiveness for smoother transitions and better mobile experience
  • 🧩 Updated Templates — Integrated new components and design improvements into portfolio and cognify templates

v0.5.0

✨Added

  • 🧩 New block: full-screen-navigation-menu — Transforms the Shadcn NavigationMenu into a full-screen overlay menu with portal rendering, no border/radius, and seamless trigger-to-content transitions
  • 🧩 New block: timeline — Animated timeline block for showcasing work history or step-by-step processes (requires Motion)
  • 🧩 New ecommerce block: image-zoom — Image zoom zoom the image with grabing and controls
  • ✨ New component: checkbox-field — Accessible, styled checkbox field component built on Radix primitives
  • ✨ New component: spotlight-list — List component with spotlight hover effect — supports blur, scale, and opacity variants

🔄Changed

  • 🎨 Redesigned Abla Template — redesign the template, change the theme, add new components, with updated layout and visual hierarchy
  • 🎨 Redesigned home page — Overhauled hero, showcase, features, and components sections with updated layout and visual hierarchy
  • 🎨 update scroll autoplay — it will accents two new props (index and totalImages) also change inputRange naming prop to opacityRange

v0.4.0

✨Added

  • 🧩 New template: enera-template — Corporate website template (Next.js, Tailwind, Motion, Lenis) with OG image support
  • ✨ New block: globe — Globe block component for hero or feature sections
  • ✨ New scroll animation: circle-cards — Circle-based card layout with scroll-driven animation
  • ✨ New card: hover-preview — Hover preview card component for content teasers
  • ✨ New component: reveal-mask — Reveal mask component for clip/reveal animations

v0.3.1

✨Added

  • 🧩 New template documentation: cognify — Cognify AI Experience Template documentation with features, dependencies, and sections overview
  • ✨ New ecommerce component documentation:

v0.3.0

✨Added

  • 🧩 New template: product-template — Complete ecommerce product page template featuring:
  • ✨ New ecommerce components:
  • ✨ New block component:
  • ✨ New utility components:

🔄Changed

  • 🎨 Complete redesign of the Veo template for improved aesthetics and user experience
  • 🏠 Updated the home page: added a featured components showcase and contact information
  • ⚡️ Optimized performance in text-stagger-inview (reduced layout thrashing and improved intersection handling)
  • 🔄 Modified animation range in scroll-reverse-scale-animation component
  • 🏷️ Renamed use-animation-variants to animation-variants for better semantic clarity
  • 🏠 Redesign demo: header — updated header demo layout and accessibility improvements
  • 🏡 Redesign home page — updates to hero and layout for improved visual hierarchy

•Added (Non-Ecommerce)

  • ✨ New text animation components:
  • 🧩 New template: motus-studio — opinionated starter template showcasing the component registry and layouts

v0.2.0

✨Added

  • 🧩 New template: carecover — CareCover health startup template (Next.js + Tailwind) with animated pricing, responsive header navigation, and scroll autoplay components
  • ✨ New component: pricing — Pricing component with monthly/yearly toggle and sliding animation
  • ✨ New component: toggle-layout-view — Toggle layout view component for pricing and layouts
  • ✨ New component: responsive-header-nav — Responsive Header Navigation component (mobile-first)
  • ✨ New component: scroll-autoplay — Scroll autoplay animation component used in hero/demo sections

🐛Fixed

  • ⚡️ Improved performance of text animation components
  • 🐛 Fix: slideshow images — improved preload/mount order to avoid flicker when slides become active
  • 🐛 Fix: pricing demo responsiveness — adjusted breakpoints and toggle layout to prevent overflow and layout breaking

v0.1.0

✨Added

  • Initial release of Systaliko UI
  • Component registry system
  • Documentation site with Fumadocs
  • Three template projects: Veo, Alba Studio, and Motus Studio