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

Sfoglia 30 componenti Mockup 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/mockup
> Markdown: https://ui.eneawork.it/components/cat/mockup.md

**Componenti:** 30


## In evidenza

- [container-scroll-animation](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/container-scroll-animation), 21st-manuarora700--aceternity-ui
- [cinematic-landing-hero](https://ui.eneawork.it/comp/21st-jahed/cinematic-landing-hero), 21st-jahed
- [phone-mockups-1](https://ui.eneawork.it/comp/21st-solaceui--solace-ui/phone-mockups-1), 21st-solaceui--solace-ui
- [hero-3](https://ui.eneawork.it/comp/21st-efferd--efferd/hero-3), 21st-efferd--efferd
- [hero-with-mockup](https://ui.eneawork.it/comp/21st-serafimcloud/hero-with-mockup), 21st-serafimcloud
- [macbook-pro](https://ui.eneawork.it/comp/21st-designali-in/macbook-pro), 21st-designali-in
- [iphone-mockup](https://ui.eneawork.it/comp/21st-lovesickfromthe6ix/iphone-mockup), 21st-lovesickfromthe6ix
- [hero-with-product-mockup](https://ui.eneawork.it/comp/21st-vaib215/hero-with-product-mockup), 21st-vaib215
- [download-options-section](https://ui.eneawork.it/comp/21st-ravikatiyar162/download-options-section), 21st-ravikatiyar162
- [iphone-16-pro](https://ui.eneawork.it/comp/21st-designali-in/iphone-16-pro), 21st-designali-in
- [animated-3d-mac-book-air](https://ui.eneawork.it/comp/21st-jahed/animated-3d-mac-book-air), 21st-jahed
- [safari-01](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/safari-01), 21st-ruixen.ui--ruixen-ui

## FAQ

### Quanti componenti React Mockup ci sono?

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

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