Systaliko UI

Overview

Systaliko UI is a free, open-source library of React blocks, components and full-page templates that install through the shadcn CLI with no extra configuration. The site promotes 60+ free blocks, and the registry currently lists 174 items, including 96 blocks (many of them demos), 60 UI components, 7 hooks and a base style.

The collection leans toward motion-driven marketing and e-commerce UI: navigation menus, scroll animations, interactive cards, slideshows, timelines and story layouts. Components are composable, use CVA-style variant props, and are built with React, TypeScript, Tailwind CSS and Motion. The team behind it also offers custom development and audit services.

Features

• Navigation blocks: Animated menus, a full-screen navigation menu and headers.
• Card effects: Curtain reveal, flip, hover reveal, testimonial cards and stacked or rotated card stacks.
• Scroll and layout: Container stagger, floating elements, grid bento layouts, timeline and story blocks.
• Media: Image player, slideshow, globe and shader backgrounds, plus a magnetic grid block added in v1.1.0.
• Interaction details: Animated border, cursor trail, custom cursor, pulse, reveal mask, rating stars and spotlight list.
• AI and flow UI: An AI conversation loop and a flow diagram block built on React Flow.
• Templates: Full-page templates, including e-commerce flows, alongside the blocks.

Tech stack

• React, Next.js, TypeScript
• Tailwind CSS, Motion, class-variance-authority, shadcn registry

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @systaliko-ui/component-name