# Componenti Pin Input per React, anteprima live e codice, EneUI

Sfoglia 20 componenti Pin Input 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/pin-input
> Markdown: https://ui.eneawork.it/components/cat/pin-input.md

**Componenti:** 20


## In evidenza

- [otp-verify](https://ui.eneawork.it/comp/21st-minhxthanh/otp-verify), 21st-minhxthanh
- [credit-card-hero](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/credit-card-hero), 21st-ruixen.ui--ruixen-ui
- [be-ui-otp-input](https://ui.eneawork.it/comp/21st-starc007/be-ui-otp-input), 21st-starc007
- [interfaces-input-otp](https://ui.eneawork.it/comp/21st-jshguo--interfaces-ds/interfaces-input-otp), 21st-jshguo--interfaces-ds
- [identity-verification-dialog](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/identity-verification-dialog), 21st-ruixen.ui--ruixen-ui
- [otpdialog](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/otpdialog), 21st-ruixen.ui--ruixen-ui
- [otp-input](https://ui.eneawork.it/comp/21st-educalvolpz--smoothui/otp-input), 21st-educalvolpz--smoothui
- [number-pad](https://ui.eneawork.it/comp/21st-bankkroll--bankk/number-pad), 21st-bankkroll--bankk
- [input-otp](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/input-otp), 21st-preetsuthar17--hextaui
- [pin-input](https://ui.eneawork.it/comp/21st-anubra266/pin-input), 21st-anubra266
- [heroui-input-otp](https://ui.eneawork.it/comp/21st-hero_ui--hero-ui/heroui-input-otp), 21st-hero_ui--hero-ui
- [otpinput](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/otpinput), 21st-ruixen.ui--ruixen-ui

## FAQ

### Quanti componenti React Pin Input ci sono?

20 componenti Pin Input nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga.

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