ScrollX UI is an open-source React and shadcn-compatible component library for animated, interactive, and customizable user interfaces. It offers motion-driven components that blend seamlessly with modern ShadCN setups.
Animated electric text with glowing, distorted outline-solid for dynamic neon effects.
Interactive card layout where hovered cards expand smoothly for focused content viewing.
A customizable expandable dock component.
Interactive, animated user avatars with hover effects and responsive layout.
A refined text reveal animation with smooth character motion and a clean, modern visual flow.
Interactive feature list with sticky media panel and smooth transitions.
Interactive feature list with animated spotlight panel and smooth transitions.
Interactive card with smooth animated activation and visual effects.
A modern navbar with smooth expansion, media panels, and theme controls.
A looping flow of flip cards with smooth motion and subtle interactive effects.
A stylish and animated card stack UI for showcasing content in layered views.
Flowing logo showcase with smooth animations, hover effects, and modern UI.
Interactive 3D Folder UI component with hover & click animations for modern apps.
A customizable folder tree component for displaying hierarchical data with expandable nodes.
Colorful, fluid cursor trails that respond to mouse movement.
Modern footer with oversized faded brand name and smooth transitions.
Clean footer with minimal outlined brand text and smooth animations.
Interactive footer with newsletter and smooth transitions.
Modern footer with oversized split sections.
A modern FAQ section with layered stack design and smooth scroll-triggered animations.
Elegant and minimal FAQs with grid, accordions and micro-interactions
glass surface with interactive ripple and dynamic cursor effects.
The Globe component creates beautiful 5kb WebGL Globe.
The Globe Wireframe component creates beautiful globe with smooth city rotations, responsive design, and premium motion.
A customizable card with a glowing border effect that changes colors based on light and dark modes.
Gravity pulls objects as they launch, soar, and fall inside a container.
A set of hero sections ranging from simple to complex layouts.
A hero section with a fan of photo cards and animated entrance.
A hero section with an iPhone mockup and animated background.
A hero-section for AI startups
A hero-section for modern AI interfaces with motion.
A hero section with an animated image reel and motion entrance.
A button that requires holding down to confirm irreversible or critical actions.
hyperlink component with animated underline, smooth hover & customizable style.
Infinite draggable canvas with zoomable, repeating cards and touch/mouse controls.
A flexible Accessible one-time password component
A highly customizable interactive input component with shimmer effects, glow, and visual styling options.
IPhone mockup with screen, header, and custom children content.
A component for displaying keyboard shortcuts and key combinations.
Interactive keyboard component with customizable key styling and a beautifully minimal interface.
Smoothly scrolling, animated testimonials for modern developer websites to showcase user feedback visually.
Displays an accessible label associated with controls.
A stylish, animated header component with dark/light mode toggle functionality.
A layered button with a radial expand effect and smooth sliding hover label animation.
Layered text effect with offset shadows, customizable styling, and animations.
Interactive stacked card layout with drag and scroll momentum.
A card component with a striped back card revealed on hover
Animated versatile loader with different variants, customizable size and content.