Changelog

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

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