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.
orbits your socials in smooth motion where icons spin, ripple, and glow with purpose.
Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.
A customizable splitter component with collapsible panels and smooth animations.
An interactive card with a spotlight hover effect that highlights content and enhances user engagement visually.
elastic squircles illustration with fall and shrink movement.
Interactive button with animated stagger text and customizable styles for modern uis.
An animated text component that creates a smooth, staggered character animation effect when hovered
Animated statistics counter in stacked carousel for modern websites.
Animated statistics counter with responsive layout and scroll triggers.
A small status component with customizable variants, indicator and shiny animation effects.
Smooth animated button crafted with refined glow and modern motion.
Animated diagonal stripes with optional base grid, creating a dynamic textured background.
Powerful responsive data table with sticky headers, smooth scrolling, sorting, and pagination.
Minimal, responsive testimonial slider with avatars, names, and quotes for clean, modern design.
A testimonial carousel with staggered title animations and smooth transitions, showcasing customer feedback in an elegant layout.
Horizontal scrolling testimonials with infinite marquee animation across multiple rows.
Vertical scrolling testimonial columns with alternating directions and smooth infinite animations.
A customizable text highlighter with smooth animated highlights to emphasize key text.
text highlighter with solid background and decorative markers for emphasis..
spotlight text effect with hover and mobile reveal, customizable size and color.
A flexible and accessible theme mode switcher component for Next.js projects using next-themes.
Animated thunderbolt loader with glow and shimmer effects, customizable sizes and colors.
Smoothly animated timeline slider with resizable handles for interactive use.
A customizable and responsive toast notification system.
Expandable vault component with animated open/close, trigger button, and content panel.
An interactive, animated popup that displays information related to an element when it receives keyboard focus or when the mouse hovers over it.
A customizable component for creating elegant, slide-out panels from the top of the screen.
Smooth page transitions with curved or slide effects.
Displays an animated typing effect.
(No description)
A glowing particle canvas with motion-reactive trails. Perfect for immersive, high-tech hero sections.
A smooth interactive vercel inspired card.
A waitlist section with an iPhone mockup.
Waitlist section with a draggable stack of layered image cards.
Interactive wavybutton with animated text and customizable styles for modern uis.
Dynamic motion background for hero sections and modern layouts.