@scrollxui

A collapsible component for showing and hiding content sections.

A modal dialog used to convey critical information and require a user response before proceeding..

AnimatedButton is a highly customizable animated button component with shimmer effects, glow, and visual styling options.

A headless and styled tab UI component set for switching content views.

Minimal testimonials with image and quote for clean, modern design.

Generates animated text word-by-word with blur, highlights, links, and smooth effects.

An announcement component that highlights key info with icons, effects, and expandable content.

A responsive container component that maintains a fixed aspect ratio, commonly used for media like images and videos.

Customizable Avatar component with animated borders for status indicators like "close friends" or "normal story".

Overlapping avatar circles that expand smoothly to reveal each user's name on hover.

A captivating background effect featuring softly glowing, animated dots that mimic the ethereal beauty of the aurora borealis.

animated background featuring vertical meteor-like beams falling from the top to the bottom of the screen over a grid pattern.

A set of SVG paths that animate as if being drawn. Great for tech hero backgrounds.

A small badge component with customizable variants and shiny animation effects.

Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.

Multiple background beams travel upstream, forming a hero section background.

A responsive grid layout for showcasing features in varied card sizes with optional tilt effects.

lightning bolts burst randomly with sparks and particles, creating a high-energy, reactive background effect.

Modern UI cards with a moving border and smooth transitions.

Reusable button component with multiple variants and sizes.

Renders a card component comprising a header, content section, and footer...

Renders a card component with flip animation, supporting front/back content.

smooth card tilt that responds naturally to your cursor, giving the card a more polished, modern look.

A carousel component with card stack visualization for cycling through content.

A date field component that enables users to choose and edit a date.

A customizable checkbox component with animated checkmark and indeterminate states.

Animated checklist illustration with sliding tasks and progressive completion.

clock component with rotating hands and glowing effects, perfect for CTA sections.

Syntax-highlighted codeblock component built on top of react-syntax-highlighter.

An interactive component which expands/collapses a panel with a smooth motion.

column grid background with radial fade and subtle noise. Great for hero backgrounds.

A modern cosmic background featuring smooth motion and immersive depth effects.

Text is revealed on scroll with pointer, gradient, and border effects.

The CursorImageTrail component creates an interactive mouse trail effect with animated images.

decorative text frame with corner accents and a compact entrance effect.

Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background layer

It displays a circular, draggable avatar with customizable size and style.

An interactive card with a drift hover effect that visually highlights content.

Animated Dropdown Menu Reveals a menu of options or actions when activated by a button.

Corner-based spark waves that radiate inward and outward with smooth motion.

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 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.

glass surface with interactive ripple and dynamic cursor effects.

A customizable card with a glowing border effect that changes colors based on light and dark modes.

The Globe component creates beautiful 5kb WebGL Globe.

The Globe Wireframe component creates beautiful globe with smooth city rotations, responsive design, and premium motion.

Gravity pulls objects as they launch, soar, and fall inside a container.

A set of hero sections ranging from simple to complex layouts.

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.

IPhone mockup with screen, header, and custom children content.

A flexible Accessible one-time password component

A highly customizable interactive input component with shimmer effects, glow, and visual styling options.

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.

Interactive stacked card layout with drag and scroll momentum.

Layered text effect with offset shadows, customizable styling, and animations.

A card component with a striped back card revealed on hover

Animated versatile loader with different variants, customizable size and content.

Modern, responsive login form with smooth transitions and gradient accents.

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.

A set of diagonal lines that move continuously. Great for hero backgrounds.

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.

Animated text component that flips between words with smooth transitions.

Morphing button with dynamic dot motion, reversible animation.

A customizable, animated navigation bar with hover effects and dropdowns.

A beautifully designed 404 page to guide users when content is missing.

Modern orb-style button featuring smooth hover expansion and icon reveal.

A flexible and animated pagination component with active and hover states.

Dynamic 3D particle system with customizable properties

A vertical sticky-scroll component that displays stacked cards with parallax behavior.

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 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.

A group of radio buttons that lets you pick only one option at a time.

radial social icons arranged in circles, with smooth expansion and rotation

A scrolling media strip that displays images and videos in flowing rows.

a clean text reveal component providing directional animation and stagger options.

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.

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.

An interactive slider with glass effects for selecting values smoothly within a range.

A small status component with customizable variants, indicator and shiny animation effects.

Animated statistics counter with responsive layout and scroll triggers.

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.

Smooth animated button crafted with refined glow and modern motion.

Animated diagonal stripes with optional base grid, creating a dynamic textured background.

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.

Separates layout sections with customizable styles and orientations.

advanced scrollarea with auto-hide scrollbars, progress bars, and cross-axis scroll.

orbits your socials in smooth motion where icons spin, ripple, and glow with purpose.

elastic squircles illustration with fall and shrink movement.

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 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 component for creating elegant, slide-out panels from the top of the screen.

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.

Smooth page transitions with curved or slide effects.

Displays an animated typing effect.

A glowing particle canvas with motion-reactive trails. Perfect for immersive, high-tech hero sections.

A smooth interactive vercel inspired card.

Interactive wavybutton with animated text and customizable styles for modern uis.

Dynamic motion background for hero sections and modern layouts.

Modern Bento Grid with blur and smooth reveal animations.

Modern Contact with globe and smooth reveal animations.

Minimal contact section with animated pixel background and stagger button.

Modern CTA with avatars and smooth reveal animations.

CTA section with dashed border effects.

CTA section with staggered image gallery.

A download section with subtle column lines.

A download section with an iPhone mockup.

Interactive feature list with sticky media panel and smooth transitions.

Interactive feature list with animated spotlight panel and smooth transitions.

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.

Elegant and minimal FAQs with grid, accordions and micro-interactions

A modern FAQ section with layered stack design and smooth scroll-triggered animations.

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 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.

A clean 404 page with glitch animation and smooth reveal transitions.

A clean three-tier pricing section with a highlighted popular plan.

A pricing section with a monthly/yearly billing toggle, animated card reveal.

A clean, animated signup form with Google OAuth and email/password fields.

A testimonial carousel with staggered title animations and smooth transitions, showcasing customer feedback in an elegant layout.

Vertical scrolling testimonial columns with alternating directions and smooth infinite animations.

Horizontal scrolling testimonials with infinite marquee animation across multiple rows.

A waitlist section with an iPhone mockup.

Waitlist section with a draggable stack of layered image cards.