# Blob components

> Add organic shapes and dynamic backgrounds to your React site with 5 blob components, fully customizable with Tailwind CSS.

29 components available. Showing all of them below.

- [Blobs](https://21st.dev/@designali-in/components/blobs.md) — by Ali Imam
- [Animated Blur Blob background](https://21st.dev/@easemize/components/animated-blur-blob-background.md) — by Hossain Jahed
- [Frame](https://21st.dev/@ravikatiyar162/components/frame.md) — by Ravi Katiyar
- [Svg Blob Animation](https://21st.dev/@easemize/components/svg-blob-animation.md) — by Hossain Jahed
- [R3F Blob](https://21st.dev/@uilayout.contact/components/r3f-blob.md) — by UI Layouts
- [Cool Blob Effect](https://21st.dev/@h0bb5/components/cool-blob-effect.md) — by Dylan Hobbs
- [BlobBackground](https://21st.dev/@dhileepkumargm/components/blob-background.md) — by Dhileep Kumar GM
- [Gooey Text Morphing](https://21st.dev/@victorwelander/components/gooey-text-morphing.md) — by Victor Welander
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/background.md) — by Daniel Petho
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/menu.md) — by Daniel Petho
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter.md) — by Daniel Petho
- [Liquid Metal Hero](https://21st.dev/@chowlol202/components/liquid-metal-hero.md) — by Caio Bonato
- [Footer](https://21st.dev/@info-mdshakeeb/components/footer.md) — by shakeeb
- [Squishy Card Component](https://21st.dev/@uniquesonu/components/squishy-card-component.md) — by Sonu
- [SpotlightBackground](https://21st.dev/@dhileepkumargm/components/spotlight-background.md) — by Dhileep Kumar GM
- [Liquid Loader](https://21st.dev/@ravikatiyar162/components/liquid-loader.md) — by Ravi Katiyar
- [LivingFerrofluid](https://21st.dev/@dhileepkumargm/components/living-ferrofluid.md) — by Dhileep Kumar GM
- [Neural Access Login](https://21st.dev/@shivendra9795kumar/components/neural-access-login.md) — by Shivendra Kumar
- [3 dots loader](https://21st.dev/@theutkarshmail/components/3-dots-loader.md) — by Utkarsh Pandey
- [Morhic Background](https://21st.dev/@easemize/components/morhic-background.md) — by Hossain Jahed
- [Void Animation](https://21st.dev/@designali-in/components/void-animation.md) — by Ali Imam
- [Floating Gradient](https://21st.dev/@moumensoliman/components/floating-gradient-shadcnui.md) — by Moumen Soliman
- [Gooey Blobs Loader](https://21st.dev/@animbits/components/loaders-gooey-blobs.md) — by Animbits
- [Bubble Background](https://21st.dev/@skyleen77/components/components-backgrounds-bubble.md) — by Elliot Sutton
- [Mesh Gradient Background](https://21st.dev/@framecn/components/mesh-gradient-bg.md) — by framecn
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating/floating-card.md) — by Cnippet
- [Morphing Loader](https://21st.dev/@uniquesonu/components/morphing-loader.md) — by Sonu
- [Gooey Button](https://21st.dev/@dhileepkumargm/components/gooey-button.md) — by Dhileep Kumar GM
- [Morphing Blob Loader](https://21st.dev/@elements-/components/loader-morphing-blob.md) — by Cameron Kelliher

Full component directory: https://21st.dev/llms.txt