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.
Modern, responsive login form with smooth transitions and gradient accents.
A clean, animated login form with Google OAuth and email/password fields.
A logo-cloud for AI startups with flipflow animation.
A logo cloud with flowing marquee motion, perfect for bold AI startups.
A clean logo cloud with smooth blur and fade-in animations.
logo showcase with names, smooth animations, hover effects, and modern UI.
A lustrous text component with animated gradient shine.
MacOS-style React dock with smooth animation and customizable magnification.
An Interactive media cards with a fluid cursor and a polished, modern aesthetic.
orbit system featuring rotating meteors and gracefully animated icons.
A modern, dynamic code loader designed for AI-powered coding environments.
Animated text component that flips between words with smooth transitions.
Morphing button with dynamic dot motion, reversible animation.
Elegant cards in seamless flow for clean web design.
A set of diagonal lines that move continuously with gradientglow.
modern react navbar with smooth animations, dropdown menus, and mobile-friendly design.
A set of diagonal lines that move continuously. Great for hero backgrounds.
A customizable, animated navigation bar with hover effects and dropdowns.
A beautifully designed 404 page to guide users when content is missing.
A clean 404 page with glitch animation and smooth reveal transitions.
Modern orb-style button featuring smooth hover expansion and icon reveal.
A flexible and animated pagination component with active and hover states.
A vertical sticky-scroll component that displays stacked cards with parallax behavior.
Dynamic 3D particle system with customizable properties
A flexible pixel animation background with customizable origins and smooth atmospheric motion.
Animated pixel-based text reveal with directional shimmer using canvas-rendered particles.
Displays rich content in a animated portal, triggered by a button.
A clean three-tier pricing section with a highlighted popular plan.
A pricing section with a monthly/yearly billing toggle, animated card reveal.
A reusable profile card component displaying a user's image, name, bio, skills, and social links with interactive animations.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Dynamic radial graph for visualizing networks & hierarchies with animated nodes.
radial social icons arranged in circles, with smooth expansion and rotation
A group of radio buttons that lets you pick only one option at a time.
A scrolling media strip that displays images and videos in flowing rows.
a clean text reveal component providing directional animation and stagger options.
advanced scrollarea with auto-hide scrollbars, progress bars, and cross-axis scroll.
An animated search input illustration that cycles through queries with a typewriter effect and blur-in result rows.
Displays an animated list of options for the user to choose from —smoothly triggered by a button.
Interactive text that subtly compresses or stretches characters based on cursor proximity.
Separates layout sections with customizable styles and orientations.
Interactive button with spotlight effect that follows mouse cursor and highlights borders on hover.
An interactive showcase component with smooth content and image transitions.
A customizable sheet component for creating elegant slide-out interfaces.
Modern, responsive signup form with smooth transitions and gradient accents.
A clean, animated signup form with Google OAuth and email/password fields.
An interactive slider with glass effects for selecting values smoothly within a range.
(No description)