ScrollX UI Components — Preview & Copy

Also in the ScrollX UI registry

Each one installs on its own. Names link to the docs that ship them.

animated-button
utils
animated-tabs
animated-testimonials
utils
animated-textgenerate
utils
announcement
utils
aurora-dots
utils
avatar-group
utils
backgroundmeteors
background-paths
utils
barswave
utils
beams-upstream
utils
bento-grid
utils
bento-with-focus
bolt-strike
utils
border-glide
utils
card-flip
utils
card-tilt
utils
checkbox-pro
utils
checklist-cell
utils
clock
utils
codeblock
columnlines
utils
contact-with-globe
contact-with-pixelbackground
cosmic-background
cta-section-with-avatars
cta-section-with-dashed-border
utils
cta-section-with-floating-gallery
cursor-highlight
utils
cursorimagetrail
decorated-text
utils
dot-wave
utils
download-with-columnlines
download-with-iphone
draggable-avatar
drift-card
utils
dualsparks
utils
electric-text
utils
expandable-cards
utils
expandable-dock
utils
facescape
utils
fancy-text
utils
features-with-panel
features-with-spotlight
utils
flashy-card
utils
flex-navbar
utils
flipflow
utils
flipstack
utils
flowing-logos
utils
folder
utils
folder-tree
utils
followcursor
footer-with-faded-brand
utils
footer-with-minimal-outline
utils
footer-with-newsletter
utils
footer-with-suite
utils
frequently-asked-questions-stack
frequently-asked-questions-with-accordion
glass
utils
globe
globe-wireframe
glowingbordercard
utils
gravity
utils
heroui
utils
hero-with-cards
hero-with-iphone
hero-with-layers
hero-with-pixelbackground
hero-with-reel
hold-toconfirm
utils
hyperlink
utils
infinite-canvas
utils
interactive-input
utils
iphone
kbd
utils
keyboard
utils
kinetic-testimonials
utils
lamphome
layered-button
utils
layered-text
utils
layer-stack
utils
lean-card
utils
loader
utils
loginform
utils
login-minimal
logo-cloud-flipflow
logo-cloud-marquee
logo-cloud-with-minimal-animation
utils
logo-stepper
utils
lustretext
magicdock
media-card
utils
meteor-orbit
utils
modern-loader
utils
morphotextflip
utils
morphy-button
utils
motioncards
motion-grid
utils
motion-navbar
utils
movinglines-background
utils
navbar-flow
not-found
utils
not-found-with-glitchytext
orb-button
utils
parallaxcards
utils
pixel-background
pixel-highlight
utils
pricing-minimal
pricing-with-switch
profilecard
radialflow
utils
radial-socials
utils
reel
utils
reveal-text
utils
scroll-areapro
utils
search-cell
utils
sensitive-text
utils
seperatorpro
utils
shiny-button
utils
showcase
utils
side-sheet
utils
signupform
utils
signup-minimal
slide-text
utils
social-orbit
utils
spark-waves
utils
splitter
utils
spotlightcard
utils
squonk
utils
stagger-button
utils
stagger-chars
utils
statscarousel
statscount
utils
status
utils
stripe-button
utils
striped-grid
utils
testimonial-carousel
utils
testimonials-with-carousel
testimonials-with-marquee
testimonials-with-verticalmarquee
text-highlighter
utils
text-modifier
text-spotlight
utils
theme-switch
utils
thunder-loader
utils
timeline
utils
toggle-vault
top-sheet
utils
transition
typeanimation
utils
venom-beam
vercel-card
utils
waitlist-with-iphone
waitlist-with-layers
wavy-button
utils
whitestripes

From the ScrollX UI readme

The most expansive and imaginative collection of motion-rich, interactive React components.

Documentation

Go to scrollxui.dev to view the documentation.

About

ScrollX UI is a collection of animated, interactive React components & blocks built to help your web interfaces feel modern and alive. The library delivers a broad spectrum of components - from text animations and motion-driven interactions to polished UI elements and dynamic backgrounds and blocks from hero sections to faq sections - all free to use and fully customizable through simple props, giving you exactly what you need right out of the box.

Key Features

140+ total components (text animations, animations, interactive components, backgrounds), 30+ blocks and 2+ templates growing every week
Supports ShadCN registries, GitHub registries, and MCP integration
All components are built with minimal dependencies, and are highly customizable through props
You get the code, so you can modify, extend, and personalize every detail
Designed to integrate seamlessly with any modern React project
Components come in one clean format: TypeScript + Tailwind for everyone

Installing Components Via CLI

ScrollX UI supports shadcn for quick installs. Each component demo provides CLI commands, ready for you to copy and run. Detailed instructions can also be found here. If the documentation website is unavailable, you can view the same guide on GitHub here.

How To Contribute?

Contributions are welcome! Check the Open Issues to see how you can help or submit ideas using the Feature Request template. Please review the Contribution Guide and follow our standards. Thanks for your time!

ScrollX UI

Particles

About ScrollX UI

Also in the ScrollX UI registry

From the ScrollX UI readme

Documentation

About

Key Features

Installing Components Via CLI

How To Contribute?

Contributors

Maintainers

Stats

License

What ScrollX UI builds on

Hooks and utilities

Registries like ScrollX UI

About ScrollX UI

All 1 ScrollX UI components

ScrollX UI contents

Particles

About ScrollX UI

Also in the ScrollX UI registry

From the ScrollX UI readme

Documentation

About

Key Features

Installing Components Via CLI

How To Contribute?

Contributors

Maintainers

Stats

License

What ScrollX UI builds on

Hooks and utilities

Registries like ScrollX UI

About ScrollX UI

All 1 ScrollX UI components