# Componenti Floating per React, anteprima live e codice, EneUI Sfoglia 35 componenti Floating 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/floating > Markdown: https://ui.eneawork.it/components/cat/floating.md **Componenti:** 35 ## In evidenza - [radar-effect](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/radar-effect), 21st-manuarora700--aceternity-ui - [dynamic-island-toc](https://ui.eneawork.it/comp/21st-digitalzone0707/dynamic-island-toc), 21st-digitalzone0707 - [hero-section-7](https://ui.eneawork.it/comp/21st-ravikatiyar162/hero-section-7), 21st-ravikatiyar162 - [navbar-1](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/navbar-1), 21st-preetsuthar17--hextaui - [floating-dock](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/floating-dock), 21st-manuarora700--aceternity-ui - [futuristic-nav](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/futuristic-nav), 21st-ruixen.ui--ruixen-ui - [hover-gradient-nav-bar](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/hover-gradient-nav-bar), 21st-ruixen.ui--ruixen-ui - [floating-nav](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/floating-nav), 21st-ruixen.ui--ruixen-ui - [social-links](https://ui.eneawork.it/comp/21st-wasifgee0012/social-links), 21st-wasifgee0012 - [floating-panel](https://ui.eneawork.it/comp/21st-cult-ui--cult-ui/floating-panel), 21st-cult-ui--cult-ui - [svg-mask-effect](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/svg-mask-effect), 21st-manuarora700--aceternity-ui - [product-bounce-card](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/product-bounce-card), 21st-ruixen.ui--ruixen-ui ## FAQ ### Quanti componenti React Floating ci sono? 35 componenti Floating nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga. ### Come aggiungo un componente Floating 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)