# Scroll React components, live previews & code, EneUI

Browse 71 Scroll React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/scroll
> Markdown: https://ui.eneawork.it/components/cat/scroll.md

**Components:** 71


## Highlights

- [scroll-locked-video-hero](https://ui.eneawork.it/comp/21st-gughigug/scroll-locked-video-hero), 21st-gughigug
- [timeline](https://ui.eneawork.it/comp/21st-hyperiux--hyperiux-vault/timeline), 21st-hyperiux--hyperiux-vault
- [glyph-portal](https://ui.eneawork.it/comp/21st-legacy/glyph-portal), 21st-legacy
- [works-wheel](https://ui.eneawork.it/comp/21st-crafterui/works-wheel), 21st-crafterui
- [sticky-scroll](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/sticky-scroll), 21st-uilayout.contact--ui-layouts
- [hero-scroll-animation](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/hero-scroll-animation), 21st-uilayout.contact--ui-layouts
- [scroll-choreography](https://ui.eneawork.it/comp/21st-componentry--componentry/scroll-choreography), 21st-componentry--componentry
- [perspective-tunnel-hero](https://ui.eneawork.it/comp/21st-daiwiikharihar--actuators/perspective-tunnel-hero), 21st-daiwiikharihar--actuators
- [dynamic-island-toc](https://ui.eneawork.it/comp/21st-digitalzone0707/dynamic-island-toc), 21st-digitalzone0707
- [smooth-scroll](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/smooth-scroll), 21st-uilayout.contact--ui-layouts
- [animated-scroll](https://ui.eneawork.it/comp/21st-minhxthanh/animated-scroll), 21st-minhxthanh
- [text-marquee](https://ui.eneawork.it/comp/21st-tom_ui--spell/text-marquee), 21st-tom_ui--spell

## FAQ

### How many React Scroll components are there?

71 Scroll components in the catalog, each with a live preview, full source and a one-line install command.

### How do I add a Scroll component to my project?

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)