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

Sfoglia 19 componenti Masonry 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/masonry
> Markdown: https://ui.eneawork.it/components/cat/masonry.md

**Componenti:** 19


## In evidenza

- [team-showcase](https://ui.eneawork.it/comp/21st-makviesainte/team-showcase), 21st-makviesainte
- [interactive-bento-gallery](https://ui.eneawork.it/comp/21st-anurag-mishra22/interactive-bento-gallery), 21st-anurag-mishra22
- [dynamic-frame-layout](https://ui.eneawork.it/comp/21st-oeneco/dynamic-frame-layout), 21st-oeneco
- [image-gallery](https://ui.eneawork.it/comp/21st-efferd--efferd/image-gallery), 21st-efferd--efferd
- [bento-gallery](https://ui.eneawork.it/comp/21st-ravikatiyar162/bento-gallery), 21st-ravikatiyar162
- [layout-grid](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/layout-grid), 21st-manuarora700--aceternity-ui
- [infinite-drag-scroll](https://ui.eneawork.it/comp/21st-rylenlobo/infinite-drag-scroll), 21st-rylenlobo
- [image-testimonial-grid](https://ui.eneawork.it/comp/21st-ravikatiyar162/image-testimonial-grid), 21st-ravikatiyar162
- [parallax-scroll](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/parallax-scroll), 21st-manuarora700--aceternity-ui
- [shared-element-gallery](https://ui.eneawork.it/comp/21st-jahed/shared-element-gallery), 21st-jahed
- [kinetic-scroll-gallery](https://ui.eneawork.it/comp/21st-dhileepkumargm/kinetic-scroll-gallery), 21st-dhileepkumargm
- [masonry-grid-with-scroll-animation](https://ui.eneawork.it/comp/21st-ravikatiyar162/masonry-grid-with-scroll-animation), 21st-ravikatiyar162

## FAQ

### Quanti componenti React Masonry ci sono?

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

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