# Componenti Scroll Animation per React, anteprima live e codice, EneUI

Sfoglia 137 componenti Scroll Animation per React e shadcn: anteprima live, sorgente completo e comando di installazione in riga per ognuno. Copia nel progetto o passalo al tuo agente AI.

> Pagina: https://ui.eneawork.it/components/cat/scroll-animation
> Markdown: https://ui.eneawork.it/components/cat/scroll-animation.md

**Componenti:** 137


## In evidenza

- [scroll-expansion-hero](https://ui.eneawork.it/comp/21st-arunachalam/scroll-expansion-hero), 21st-arunachalam
- [container-scroll-animation](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/container-scroll-animation), 21st-manuarora700--aceternity-ui
- [scroll-morph-hero](https://ui.eneawork.it/comp/21st-prashantsom75/scroll-morph-hero), 21st-prashantsom75
- [parallax-scrolling](https://ui.eneawork.it/comp/21st-osmosupply--osmo/parallax-scrolling), 21st-osmosupply--osmo
- [zoom-parallax](https://ui.eneawork.it/comp/21st-efferd--efferd/zoom-parallax), 21st-efferd--efferd
- [timeline](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/timeline), 21st-manuarora700--aceternity-ui
- [horizon-hero-section](https://ui.eneawork.it/comp/21st-lovesickfromthe6ix/horizon-hero-section), 21st-lovesickfromthe6ix
- [story-scroll](https://ui.eneawork.it/comp/21st-boudjadjasamira/story-scroll), 21st-boudjadjasamira
- [3d-gallery-photography](https://ui.eneawork.it/comp/21st-moazamtrade--shadway/3d-gallery-photography), 21st-moazamtrade--shadway
- [scroll-locked-video-hero](https://ui.eneawork.it/comp/21st-gughigug/scroll-locked-video-hero), 21st-gughigug
- [smooth-scroll-hero](https://ui.eneawork.it/comp/21st-ishamsu/smooth-scroll-hero), 21st-ishamsu
- [sticky-scroll](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/sticky-scroll), 21st-uilayout.contact--ui-layouts

## FAQ

### Quanti componenti React Scroll Animation ci sono?

137 componenti Scroll Animation nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga.

### Come aggiungo un componente Scroll Animation al mio progetto?

Apri il componente, usa Copy code o Install e il sorgente finisce nella tua cartella componenti; oppure esegui npx shadcn add "<url>" con il comando mostrato nella pagina.

### Sono gratuiti?

Sì: la navigazione è sempre gratuita e le copie hanno una quota giornaliera free; Premium la rimuove.

### Funzionano con Next.js e Tailwind?

Sì: sono componenti React stilizzati con Tailwind e shadcn/ui, compatibili con Next.js, Vite e CRA.

## Related

- [Tutte le categorie](/components)
- [Librerie](/libraries)