# Componenti Depth per React, anteprima live e codice, EneUI

Sfoglia 13 componenti Depth 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/depth
> Markdown: https://ui.eneawork.it/components/cat/depth.md

**Componenti:** 13


## In evidenza

- [wilderness](https://ui.eneawork.it/comp/21st-patrickthomasdunn1988/wilderness), 21st-patrickthomasdunn1988
- [warp-background](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/warp-background), 21st-dillionverma--magic-ui
- [immersive-scroll-gallery](https://ui.eneawork.it/comp/21st-ishamsu/immersive-scroll-gallery), 21st-ishamsu
- [3d-flip-card](https://ui.eneawork.it/comp/21st-ayushmxxn--serenity-ui/3d-flip-card), 21st-ayushmxxn--serenity-ui
- [perspective-highlight](https://ui.eneawork.it/comp/21st-smammar/perspective-highlight), 21st-smammar
- [parallax-card](https://ui.eneawork.it/comp/21st-ravikatiyar162/parallax-card), 21st-ravikatiyar162
- [layer-parallax-hero](https://ui.eneawork.it/comp/21st-erikvalencia1/layer-parallax-hero), 21st-erikvalencia1
- [horizontal-depth-fade](https://ui.eneawork.it/comp/21st-unlumen--unlumen-ui/horizontal-depth-fade), 21st-unlumen--unlumen-ui
- [parallax-floating](https://ui.eneawork.it/comp/21st-cnippet-dev--cnippet/parallax-floating), 21st-cnippet-dev--cnippet
- [m-parallax-floating-3](https://ui.eneawork.it/comp/21st-cnippet-dev--cnippet/m-parallax-floating-3), 21st-cnippet-dev--cnippet
- [zoom-depth-tabs](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/zoom-depth-tabs), 21st-ruixen.ui--ruixen-ui
- [3d-wrapper](https://ui.eneawork.it/comp/21st-badtzx0--badtz-ui/3d-wrapper), 21st-badtzx0--badtz-ui

## FAQ

### Quanti componenti React Depth ci sono?

13 componenti Depth nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga.

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