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 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.
A customizable folder tree component for displaying hierarchical data with expandable nodes.
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
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.
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.
Infinite draggable canvas with zoomable, repeating cards and touch/mouse controls.
A highly customizable interactive input component with shimmer effects, glow, and visual styling options.
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.
A layered button with a radial expand effect and smooth sliding hover label animation.
Layered text effect with offset shadows, customizable styling, and animations.