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

Sfoglia 26 componenti Blob 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/blob
> Markdown: https://ui.eneawork.it/components/cat/blob.md

**Componenti:** 26


## In evidenza

- [gooey-text-morphing](https://ui.eneawork.it/comp/21st-victorwelander/gooey-text-morphing), 21st-victorwelander
- [liquid-metal-hero](https://ui.eneawork.it/comp/21st-chowlol202/liquid-metal-hero), 21st-chowlol202
- [neural-access-login](https://ui.eneawork.it/comp/21st-shivendra9795kumar/neural-access-login), 21st-shivendra9795kumar
- [blobs](https://ui.eneawork.it/comp/21st-designali-in/blobs), 21st-designali-in
- [liquid-loader](https://ui.eneawork.it/comp/21st-ravikatiyar162/liquid-loader), 21st-ravikatiyar162
- [spotlight-background](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/spotlight-background), 21st-dhileepkumargm--freedom
- [morhic-background](https://ui.eneawork.it/comp/21st-jahed/morhic-background), 21st-jahed
- [loaders-gooey-blobs](https://ui.eneawork.it/comp/21st-animbits--animbits/loaders-gooey-blobs), 21st-animbits--animbits
- [3-dots-loader](https://ui.eneawork.it/comp/21st-theutkarshmail/3-dots-loader), 21st-theutkarshmail
- [squishy-card-component](https://ui.eneawork.it/comp/21st-uniquesonu/squishy-card-component), 21st-uniquesonu
- [floating-gradient-shadcnui](https://ui.eneawork.it/comp/21st-moumensoliman--ui-tripled/floating-gradient-shadcnui), 21st-moumensoliman--ui-tripled
- [components-backgrounds-bubble](https://ui.eneawork.it/comp/21st-skyleen77--animate-ui/components-backgrounds-bubble), 21st-skyleen77--animate-ui

## FAQ

### Quanti componenti React Blob ci sono?

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

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