# Componenti Liquid Glass per React, anteprima live e codice, EneUI

Sfoglia 17 componenti Liquid Glass 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/liquid-glass
> Markdown: https://ui.eneawork.it/components/cat/liquid-glass.md

**Componenti:** 17


## In evidenza

- [liquid-glass-button](https://ui.eneawork.it/comp/21st-designali-in/liquid-glass-button), 21st-designali-in
- [web-gl-shader](https://ui.eneawork.it/comp/21st-designali-in/web-gl-shader), 21st-designali-in
- [apple-tahoe-liquid-glass-button](https://ui.eneawork.it/comp/21st-jahed/apple-tahoe-liquid-glass-button), 21st-jahed
- [liquid-radio](https://ui.eneawork.it/comp/21st-xubohuah/liquid-radio), 21st-xubohuah
- [apple-liquid-glass-switcher](https://ui.eneawork.it/comp/21st-dennysdionigi/apple-liquid-glass-switcher), 21st-dennysdionigi
- [liquid-glass-carousel](https://ui.eneawork.it/comp/21st-componentry--componentry/liquid-glass-carousel), 21st-componentry--componentry
- [liquid-weather-glass](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/liquid-weather-glass), 21st-uilayout.contact--ui-layouts
- [liquid-glass-card](https://ui.eneawork.it/comp/21st-designali-in/liquid-glass-card), 21st-designali-in
- [space-login](https://ui.eneawork.it/comp/21st-naturaldoc/space-login), 21st-naturaldoc
- [liquid-glass-boxes](https://ui.eneawork.it/comp/21st-uniquesonu/liquid-glass-boxes), 21st-uniquesonu
- [glass-effect](https://ui.eneawork.it/comp/21st-cult-ui--cult-ui/glass-effect), 21st-cult-ui--cult-ui
- [liquid-glass](https://ui.eneawork.it/comp/21st-paceui--pace-ui/liquid-glass), 21st-paceui--pace-ui

## FAQ

### Quanti componenti React Liquid Glass ci sono?

17 componenti Liquid Glass nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga.

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