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

Sfoglia 29 componenti Outline 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/outline
> Markdown: https://ui.eneawork.it/components/cat/outline.md

**Componenti:** 29


## In evidenza

- [luma-spin](https://ui.eneawork.it/comp/21st-theritikk/luma-spin), 21st-theritikk
- [badge-delta](https://ui.eneawork.it/comp/21st-serafimcloud/badge-delta), 21st-serafimcloud
- [loader-2](https://ui.eneawork.it/comp/21st-ravikatiyar162/loader-2), 21st-ravikatiyar162
- [marquee](https://ui.eneawork.it/comp/21st-serafimcloud/marquee), 21st-serafimcloud
- [hover-text-effect](https://ui.eneawork.it/comp/21st-uniquesonu/hover-text-effect), 21st-uniquesonu
- [cartoon-button](https://ui.eneawork.it/comp/21st-oldkong88/cartoon-button), 21st-oldkong88
- [loading-bottle](https://ui.eneawork.it/comp/21st-ruhith369/loading-bottle), 21st-ruhith369
- [svg-path-drawing-text-animation](https://ui.eneawork.it/comp/21st-minhxthanh/svg-path-drawing-text-animation), 21st-minhxthanh
- [text-hover-effect](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/text-hover-effect), 21st-manuarora700--aceternity-ui
- [hover-text-glow](https://ui.eneawork.it/comp/21st-erikvalencia1/hover-text-glow), 21st-erikvalencia1
- [outline-text](https://ui.eneawork.it/comp/21st-arunachalam/outline-text), 21st-arunachalam
- [outline-accordion](https://ui.eneawork.it/comp/21st-sean0205--reui/outline-accordion), 21st-sean0205--reui

## FAQ

### Quanti componenti React Outline ci sono?

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

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