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

Sfoglia 48 componenti Showcase 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/showcase
> Markdown: https://ui.eneawork.it/components/cat/showcase.md

**Componenti:** 48


## In evidenza

- [circular-gallery](https://ui.eneawork.it/comp/21st-ravikatiyar162/circular-gallery), 21st-ravikatiyar162
- [lumina-interactive-list](https://ui.eneawork.it/comp/21st-hardikkashiyani123456788/lumina-interactive-list), 21st-hardikkashiyani123456788
- [spatial-product-showcase](https://ui.eneawork.it/comp/21st-daiwiikharihar--actuators/spatial-product-showcase), 21st-daiwiikharihar--actuators
- [hero-parallax](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/hero-parallax), 21st-manuarora700--aceternity-ui
- [feature-section-with-hover-effects](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/feature-section-with-hover-effects), 21st-manuarora700--aceternity-ui
- [dynamic-frame-layout](https://ui.eneawork.it/comp/21st-oeneco/dynamic-frame-layout), 21st-oeneco
- [phone-mockups-1](https://ui.eneawork.it/comp/21st-solaceui--solace-ui/phone-mockups-1), 21st-solaceui--solace-ui
- [gradient-card-showcase](https://ui.eneawork.it/comp/21st-minhxthanh/gradient-card-showcase), 21st-minhxthanh
- [interactive-icon-cloud](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/interactive-icon-cloud), 21st-dillionverma--magic-ui
- [shuffle-grid](https://ui.eneawork.it/comp/21st-vaib215/shuffle-grid), 21st-vaib215
- [portfolio-gallery](https://ui.eneawork.it/comp/21st-isaiahbjork/portfolio-gallery), 21st-isaiahbjork
- [orbiting-skills](https://ui.eneawork.it/comp/21st-olovajs--sera-ui/orbiting-skills), 21st-olovajs--sera-ui

## FAQ

### Quanti componenti React Showcase ci sono?

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

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