# Componenti Range per React, anteprima live e codice, EneUI Sfoglia 54 componenti Range 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/range > Markdown: https://ui.eneawork.it/components/cat/range.md **Componenti:** 54 ## In evidenza - [calendar](https://ui.eneawork.it/comp/21st-shugar--geist/calendar), 21st-shugar--geist - [dropdown-range-date-picker](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/dropdown-range-date-picker), 21st-ruixen.ui--ruixen-ui - [rating-scale-group](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/rating-scale-group), 21st-ruixen.ui--ruixen-ui - [calendar-with-localisation](https://ui.eneawork.it/comp/21st-shadcncraft--shadcncraft/calendar-with-localisation), 21st-shadcncraft--shadcncraft - [calendar-with-localisation](https://ui.eneawork.it/comp/21st-shadcn/calendar-with-localisation), 21st-shadcn - [date-range-picker](https://ui.eneawork.it/comp/21st-jolbol1--jolly-ui/date-range-picker), 21st-jolbol1--jolly-ui - [calendar-with-presets](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/calendar-with-presets), 21st-ruixen.ui--ruixen-ui - [heroui-slider](https://ui.eneawork.it/comp/21st-hero_ui--hero-ui/heroui-slider), 21st-hero_ui--hero-ui - [use-slider-with-input](https://ui.eneawork.it/comp/21st-originui--origin-ui/use-slider-with-input), 21st-originui--origin-ui - [sentiment-radio-group](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/sentiment-radio-group), 21st-ruixen.ui--ruixen-ui - [range-selection-calendar](https://ui.eneawork.it/comp/21st-shadcncraft--shadcncraft/range-selection-calendar), 21st-shadcncraft--shadcncraft - [slider-05](https://ui.eneawork.it/comp/21st-shadcnspace--shadcnspace/slider-05), 21st-shadcnspace--shadcnspace ## FAQ ### Quanti componenti React Range ci sono? 54 componenti Range nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga. ### Come aggiungo un componente Range al mio progetto? Apri il componente, usa Copy code o Install e il sorgente finisce nella tua cartella componenti; oppure esegui npx shadcn add "" 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)