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

Sfoglia 33 componenti Scroll Effect 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-effect
> Markdown: https://ui.eneawork.it/components/cat/scroll-effect.md

**Componenti:** 33


## In evidenza

- [scroll-expansion-hero](https://ui.eneawork.it/comp/21st-arunachalam/scroll-expansion-hero), 21st-arunachalam
- [parallax-scrolling](https://ui.eneawork.it/comp/21st-osmosupply--osmo/parallax-scrolling), 21st-osmosupply--osmo
- [timeline](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/timeline), 21st-manuarora700--aceternity-ui
- [scanner-card-stream](https://ui.eneawork.it/comp/21st-rahil1202/scanner-card-stream), 21st-rahil1202
- [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
- [video-scroll-hero](https://ui.eneawork.it/comp/21st-isaiahbjork/video-scroll-hero), 21st-isaiahbjork
- [scroll-tilted-grid](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/scroll-tilted-grid), 21st-ruixen.ui--ruixen-ui
- [scroll-cards](https://ui.eneawork.it/comp/21st-ishamsu/scroll-cards), 21st-ishamsu
- [smooth-scroll](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/smooth-scroll), 21st-uilayout.contact--ui-layouts
- [sticky-scroll-reveal](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/sticky-scroll-reveal), 21st-manuarora700--aceternity-ui
- [parallax-scroll](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/parallax-scroll), 21st-manuarora700--aceternity-ui

## FAQ

### Quanti componenti React Scroll Effect ci sono?

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

### Come aggiungo un componente Scroll Effect 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)