scrollxui
scrollxui.devFreerepo only
An open source collection of animated, interactive & fully customizable components for building stunning, memorable user interfaces.
Items
180
2026-08-03Every entry in its own registry.json, counted last night.Free to install
180
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
1 month ago
300 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | A collapsible component for showing and hiding content sections. | Components | Free | 4 deps | |
| Alert Dialogalert-dialog | A modal dialog used to convey critical information and require a user response before proceeding.. | Components | Free | 7 deps | |
| Animated Buttonanimated-button | AnimatedButton is a highly customizable animated button component with shimmer effects, glow, and visual styling options. | Components | Free | 4 deps | |
| Animated Tabsanimated-tabs | A headless and styled tab UI component set for switching content views. | Components | Free | 1 dep | |
| Animated Testimonialsanimated-testimonials | Minimal testimonials with image and quote for clean, modern design. | Components | Free | 2 deps | |
| Animated TextGenerateanimated-textgenerate | Generates animated text word-by-word with blur, highlights, links, and smooth effects. | Components | Free | 3 deps | |
| Announcementannouncement | An announcement component that highlights key info with icons, effects, and expandable content. | Components | Free | 5 deps | |
| Aspect Ratioaspect-ratio | A responsive container component that maintains a fixed aspect ratio, commonly used for media like images and videos. | Components | Free | 1 dep | |
| Aurora Dotsaurora-dots | A captivating background effect featuring softly glowing, animated dots that mimic the ethereal beauty of the aurora borealis. | Components | Free | 2 deps | |
| Avataravatar | Customizable Avatar component with animated borders for status indicators like "close friends" or "normal story". | Components | Free | 3 deps | |
| Avatar Groupavatar-group | Overlapping avatar circles that expand smoothly to reveal each user's name on hover. | Components | Free | 2 deps | |
| Background Pathsbackground-paths | A set of SVG paths that animate as if being drawn. Great for tech hero backgrounds. | Components | Free | 3 deps | |
| Background Meteorsbackgroundmeteors | animated background featuring vertical meteor-like beams falling from the top to the bottom of the screen over a grid pattern. | Components | Free | 1 dep | |
| Badgebadge | A small badge component with customizable variants and shiny animation effects. | Components | Free | 3 deps | |
| BarsWavebarswave | Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer. | Components | Free | 3 deps | |
| Beams Upstreambeams-upstream | Multiple background beams travel upstream, forming a hero section background. | Components | Free | 3 deps | |
| Bento Gridbento-grid | A responsive grid layout for showcasing features in varied card sizes with optional tilt effects. | Components | Free | 3 deps | |
| Bolt Strikebolt-strike | lightning bolts burst randomly with sparks and particles, creating a high-energy, reactive background effect. | Components | Free | 2 deps | |
| Border Glideborder-glide | Modern UI cards with a moving border and smooth transitions. | Components | Free | 3 deps | |
| Buttonbutton | Reusable button component with multiple variants and sizes. | Components | Free | 4 deps | |
| Calendarcalendar | A date field component that enables users to choose and edit a date. | Components | Free | 5 deps | |
| Cardcard | Renders a card component comprising a header, content section, and footer... | Components | Free | 2 deps | |
| Card Flipcard-flip | Renders a card component with flip animation, supporting front/back content. | Components | Free | 4 deps | |
| Card Tiltcard-tilt | smooth card tilt that responds naturally to your cursor, giving the card a more polished, modern look. | Components | Free | 3 deps | |
| Carouselcarousel | A carousel component with card stack visualization for cycling through content. | Components | Free | 5 deps | |
| Checkbox Procheckbox-pro | A customizable checkbox component with animated checkmark and indeterminate states. | Components | Free | 4 deps | |
| Checklist Cellchecklist-cell | Animated checklist illustration with sliding tasks and progressive completion. | Components | Free | 4 deps | |
| Clockclock | clock component with rotating hands and glowing effects, perfect for CTA sections. | Components | Free | 3 deps | |
| CodeBlockcodeblock | Syntax-highlighted codeblock component built on top of react-syntax-highlighter. | Components | Free | 3 deps | |
| Collapsiblecollapsible | An interactive component which expands/collapses a panel with a smooth motion. | Components | Free | 2 deps | |
| ColumnLinescolumnlines | column grid background with radial fade and subtle noise. Great for hero backgrounds. | Components | Free | 2 deps | |
| Cosmic Backgroundcosmic-background | A modern cosmic background featuring smooth motion and immersive depth effects. | Components | Free | 1 dep | |
| Cursor Highlightcursor-highlight | Text is revealed on scroll with pointer, gradient, and border effects. | Components | Free | 3 deps | |
| Cursor ImageTrailcursorimagetrail | The CursorImageTrail component creates an interactive mouse trail effect with animated images. | Components | Free | 1 dep | |
| Decorated Textdecorated-text | decorative text frame with corner accents and a compact entrance effect. | Components | Free | 3 deps | |
| Dot Wavedot-wave | Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background layer | Components | Free | 2 deps | |
| Draggable Avatardraggable-avatar | It displays a circular, draggable avatar with customizable size and style. | Components | Free | 1 dep | |
| Drift Carddrift-card | An interactive card with a drift hover effect that visually highlights content. | Components | Free | 2 deps | |
| Dropdown Menudropdown-menu | Animated Dropdown Menu Reveals a menu of options or actions when activated by a button. | Components | Free | 5 deps | |
| Dual Sparksdualsparks | Corner-based spark waves that radiate inward and outward with smooth motion. | Components | Free | 2 deps | |
| Electric Textelectric-text | Animated electric text with glowing, distorted outline-solid for dynamic neon effects. | Components | Free | 2 deps | |
| Expandable Cardsexpandable-cards | Interactive card layout where hovered cards expand smoothly for focused content viewing. | Components | Free | 3 deps | |
| Expandable Dockexpandable-dock | A customizable expandable dock component. | Components | Free | 3 deps | |
| Facescapefacescape | Interactive, animated user avatars with hover effects and responsive layout. | Components | Free | 5 deps | |
| Fancy Textfancy-text | A refined text reveal animation with smooth character motion and a clean, modern visual flow. | Components | Free | 3 deps | |
| Flashy Cardflashy-card | Interactive card with smooth animated activation and visual effects. | Components | Free | 2 deps | |
| Flex Navbarflex-navbar | A modern navbar with smooth expansion, media panels, and theme controls. | Components | Free | 5 deps | |
| FlipFlowflipflow | A looping flow of flip cards with smooth motion and subtle interactive effects. | Components | Free | 3 deps |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Bento with Focusbento-with-focus | Modern Bento Grid with blur and smooth reveal animations. | Blocks | Free | 1 dep | |
| Contact with Globecontact-with-globe | Modern Contact with globe and smooth reveal animations. | Blocks | Free | 2 deps | |
| Contact with Pixel Backgroundcontact-with-pixelbackground | Minimal contact section with animated pixel background and stagger button. | Blocks | Free | 1 dep | |
| CTA Section with Avatarscta-section-with-avatars | Modern CTA with avatars and smooth reveal animations. | Blocks | Free | 1 dep | |
| CTA Section With Dashed Bordercta-section-with-dashed-border | CTA section with dashed border effects. | Blocks | Free | 3 deps | |
| CTA Section With Floating Gallerycta-section-with-floating-gallery | CTA section with staggered image gallery. | Blocks | Free | 1 dep | |
| Download Section with ColumnLinesdownload-with-columnlines | A download section with subtle column lines. | Blocks | Free | 1 dep | |
| Download Section with Iphonedownload-with-iphone | A download section with an iPhone mockup. | Blocks | Free | 1 dep | |
| Features with Panelfeatures-with-panel | Interactive feature list with sticky media panel and smooth transitions. | Blocks | Free | 1 dep | |
| Features with Spotlightfeatures-with-spotlight | Interactive feature list with animated spotlight panel and smooth transitions. | Blocks | Free | 3 deps | |
| Footer with Faded Brandfooter-with-faded-brand | Modern footer with oversized faded brand name and smooth transitions. | Blocks | Free | 4 deps | |
| Footer with Minimal Outlinefooter-with-minimal-outline | Clean footer with minimal outlined brand text and smooth animations. | Blocks | Free | 3 deps | |
| Footer with Newsletterfooter-with-newsletter | Interactive footer with newsletter and smooth transitions. | Blocks | Free | 4 deps | |
| Footer with Suitefooter-with-suite | Modern footer with oversized split sections. | Blocks | Free | 2 deps | |
| Frequently asked questions Stackfrequently-asked-questions-stack | A modern FAQ section with layered stack design and smooth scroll-triggered animations. | Blocks | Free | no deps | |
| Frequently asked questions with Accordionfrequently-asked-questions-with-accordion | Elegant and minimal FAQs with grid, accordions and micro-interactions | Blocks | Free | 1 dep | |
| Hero Section with Cardshero-with-cards | A hero section with a fan of photo cards and animated entrance. | Blocks | Free | 1 dep | |
| Hero Section with Iphonehero-with-iphone | A hero section with an iPhone mockup and animated background. | Blocks | Free | no deps | |
| Hero Section with Layershero-with-layers | A hero-section for AI startups | Blocks | Free | no deps | |
| Hero Section with Pixel Backgroundhero-with-pixelbackground | A hero-section for modern AI interfaces with motion. | Blocks | Free | no deps | |
| Hero Section with Reelhero-with-reel | A hero section with an animated image reel and motion entrance. | Blocks | Free | 1 dep | |
| Login Minimallogin-minimal | A clean, animated login form with Google OAuth and email/password fields. | Blocks | Free | 1 dep · 2 files | |
| Logo Cloud Flipflowlogo-cloud-flipflow | A logo-cloud for AI startups with flipflow animation. | Blocks | Free | no deps | |
| Logo Cloud with Marqueelogo-cloud-marquee | A logo cloud with flowing marquee motion, perfect for bold AI startups. | Blocks | Free | 1 dep | |
| Logo Cloud with Minimal Animationlogo-cloud-with-minimal-animation | A clean logo cloud with smooth blur and fade-in animations. | Blocks | Free | 3 deps | |
| Not Found with GlitchyTextnot-found-with-glitchytext | A clean 404 page with glitch animation and smooth reveal transitions. | Blocks | Free | 1 dep | |
| Pricing Minimalpricing-minimal | A clean three-tier pricing section with a highlighted popular plan. | Blocks | Free | 2 deps | |
| Pricing with Switchpricing-with-switch | A pricing section with a monthly/yearly billing toggle, animated card reveal. | Blocks | Free | 2 deps | |
| SignUp Minimalsignup-minimal | A clean, animated signup form with Google OAuth and email/password fields. | Blocks | Free | 1 dep · 2 files | |
| Testimonials with Carouseltestimonials-with-carousel | A testimonial carousel with staggered title animations and smooth transitions, showcasing customer feedback in an elegant layout. | Blocks | Free | 1 dep | |
| Testimonials with Marqueetestimonials-with-marquee | Horizontal scrolling testimonials with infinite marquee animation across multiple rows. | Blocks | Free | 1 dep | |
| Testimonials with Vertical Marqueetestimonials-with-verticalmarquee | Vertical scrolling testimonial columns with alternating directions and smooth infinite animations. | Blocks | Free | 1 dep | |
| Waitlist Section with Iphonewaitlist-with-iphone | A waitlist section with an iPhone mockup. | Blocks | Free | 1 dep | |
| Waitlist Section with Layerswaitlist-with-layers | Waitlist section with a draggable stack of layered image cards. | Blocks | Free | 1 dep |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Utilsutils | no description published | Utilities | Free | 2 deps |
