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

Sfoglia 12 componenti Hud 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/hud
> Markdown: https://ui.eneawork.it/components/cat/hud.md

**Componenti:** 12


## In evidenza

- [animated-download](https://ui.eneawork.it/comp/21st-isaiahbjork/animated-download), 21st-isaiahbjork
- [animated-hud-targeting-ui](https://ui.eneawork.it/comp/21st-isaiahbjork/animated-hud-targeting-ui), 21st-isaiahbjork
- [hud-button](https://ui.eneawork.it/comp/21st-isaiahbjork/hud-button), 21st-isaiahbjork
- [energy-meter](https://ui.eneawork.it/comp/21st-thegridcn--the-gridcn/energy-meter), 21st-thegridcn--the-gridcn
- [hud-status-1](https://ui.eneawork.it/comp/21st-isaiahbjork/hud-status-1), 21st-isaiahbjork
- [waveform](https://ui.eneawork.it/comp/21st-thegridcn--the-gridcn/waveform), 21st-thegridcn--the-gridcn
- [video-player](https://ui.eneawork.it/comp/21st-thegridcn--the-gridcn/video-player), 21st-thegridcn--the-gridcn
- [scroll-caliper](https://ui.eneawork.it/comp/21st-nikolas-sapa--ns-ui/scroll-caliper), 21st-nikolas-sapa--ns-ui
- [terminal](https://ui.eneawork.it/comp/21st-thegridcn--the-gridcn/terminal), 21st-thegridcn--the-gridcn
- [cyberpunk-hud-radar](https://ui.eneawork.it/comp/21st-sh20raj/cyberpunk-hud-radar), 21st-sh20raj
- [changelog](https://ui.eneawork.it/comp/21st-thegridcn--the-gridcn/changelog), 21st-thegridcn--the-gridcn
- [kinetic-cyber-audio-hud](https://ui.eneawork.it/comp/21st-sh20raj/kinetic-cyber-audio-hud), 21st-sh20raj

## FAQ

### Quanti componenti React Hud ci sono?

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

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