# Liquid components > Add dynamic fluidity to your interfaces using 14 liquid effect React components, crafted with Tailwind CSS. 68 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/liquid. - [Liquid Effect Animation](https://21st.dev/@minhxthanh/components/liquid-effect-animation.md) — by Le Thanh - [Liquid Gradient](https://21st.dev/@aayush-duhan/components/liquid-gradient.md) — by Aayush duhan - [Liquid Glass Button](https://21st.dev/@designali-in/components/liquid-glass-button.md) — by Ali Imam - [Liquid Glass](https://21st.dev/@suraj-xd/components/liquid-glass.md) — by Suraj Gaud - [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 Button](https://21st.dev/@johuniq/components/liquid-metal-button.md) — by johuniq - [Wrap Shader](https://21st.dev/@moazamtrade/components/wrap-shader.md) — by shadway - [Liquid Metal Hero](https://21st.dev/@chowlol202/components/liquid-metal-hero.md) — by Caio Bonato - [flow-gradient-heroSection](https://21st.dev/@hardikkashiyani123456788/components/flow-gradient-hero-section.md) — by Hardik Kashiyani - [Button](https://21st.dev/@uilayout.contact/components/button-1.md) — by UI Layouts - [Liquid Text](https://21st.dev/@designali-in/components/liquid-text/liquid-text.md) — by Ali Imam - [Liquid Toggle](https://21st.dev/@deepaksslibra/components/liquid-toggle/liquid-toggle.md) — by Deepak Chandwani - [Loader](https://21st.dev/@ravikatiyar162/components/loader-10.md) — by Ravi Katiyar - [WaterRippleImage](https://21st.dev/@rahil1202/components/water-ripple-image.md) — by Rahil Vahora - [Liquid Cursor](https://21st.dev/@moumensoliman/components/liquid-cursor.md) — by Moumen Soliman - [Chrome Button](https://21st.dev/@radiumcoders/components/chrome-button.md) — by jay sharma - [Pinky News Letter](https://21st.dev/@moazamtrade/components/pinky-news-letter.md) — by shadway - [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 - [Framer Motion Switch](https://21st.dev/@manuarora700/components/framer-motion-switch.md) — by Manu Arora - [Background Shaders](https://21st.dev/@moazamtrade/components/background-shaders.md) — by shadway - [Battery Card](https://21st.dev/@ravikatiyar162/components/battery-card.md) — by Ravi Katiyar - [Liquid Metal](https://21st.dev/@paper-design/components/liquid-metal.md) — by Paper Shaders - [Morhic Background](https://21st.dev/@easemize/components/morhic-background.md) — by Hossain Jahed - [Wet Paint Button](https://21st.dev/@vaib215/components/wet-paint-button.md) — by Vaibhav Kumar Singh - [Liquid Glass](https://21st.dev/@paceui/components/liquid-glass.md) — by Pace UI - [WebGL Liquid](https://21st.dev/@componentry/components/webgl-liquid.md) — by Componentry - [Smoke Ring](https://21st.dev/@paper-design/components/smoke-ring.md) — by Paper Shaders - [Gem Smoke](https://21st.dev/@paper-design/components/gem-smoke.md) — by Paper Shaders - [Fluid swirl shader](https://21st.dev/@xubohuah/components/fluid-swirl-shader.md) — by KainXu - [Metaballs](https://21st.dev/@paper-design/components/metaballs.md) — by Paper Shaders - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/tranquiluxe.md) — by uvcanvas - [Liquid Cursor](https://21st.dev/@paceui/components/liquid-cursor.md) — by Pace UI - [Verdant Swirl](https://21st.dev/@serafimcloud/components/verdant-swirl.md) — by Serafim - [Water](https://21st.dev/@paper-design/components/water.md) — by Paper Shaders - [Svg Text](https://21st.dev/@sean0205/components/svg-text.md) — by Sean Hello - [Swirl](https://21st.dev/@paper-design/components/swirl.md) — by Paper Shaders - [Hero Liquid Metal](https://21st.dev/@cult-ui/components/hero-liquid-metal.md) — by cult/ui - [Liquid Progress Loader](https://21st.dev/@animbits/components/loaders-liquid-progress.md) — by Animbits - [Violet Swirl](https://21st.dev/@serafimcloud/components/violet-swirl.md) — by Serafim - [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 - [liquid Mosaic](https://21st.dev/@tempforall9/components/liquid-mosaic.md) — by web dev - [Fluid Ink Morph](https://21st.dev/@arihantcodes_1f7b8c4d/components/ink.md) — by Arihant jain - [Gem Smoke · Metaballs](https://21st.dev/@paper-design/components/gem-smoke-metaballs.md) — by Paper Shaders - [Liquid Text](https://21st.dev/@glasscn/components/liquid-text.md) — by glasscn - [Liquid Metal · Noir](https://21st.dev/@paper-design/components/liquid-metal-noir.md) — by Paper Shaders - [Liquid Metal · Stripes](https://21st.dev/@paper-design/components/liquid-metal-stripes.md) — by Paper Shaders - [Smoke Ring · Line](https://21st.dev/@paper-design/components/smoke-ring-line.md) — by Paper Shaders - [Gem Smoke · Daisy](https://21st.dev/@paper-design/components/gem-smoke-daisy.md) — by Paper Shaders - [Metaballs · Background](https://21st.dev/@paper-design/components/metaballs-background.md) — by Paper Shaders - [Smoke Ring · Cloud](https://21st.dev/@paper-design/components/smoke-ring-cloud.md) — by Paper Shaders - [Smoke Ring · Solar](https://21st.dev/@paper-design/components/smoke-ring-solar.md) — by Paper Shaders - [Gem Smoke · Diamond](https://21st.dev/@paper-design/components/gem-smoke-diamond.md) — by Paper Shaders - [Gem Smoke · Circle](https://21st.dev/@paper-design/components/gem-smoke-circle.md) — by Paper Shaders - [Liquid Metal · Backdrop](https://21st.dev/@paper-design/components/liquid-metal-backdrop.md) — by Paper Shaders - [Metaballs · Solar](https://21st.dev/@paper-design/components/metaballs-solar.md) — by Paper Shaders - [Metaballs · Ink Drops](https://21st.dev/@paper-design/components/metaballs-ink-drops.md) — by Paper Shaders - [Swirl · Opening](https://21st.dev/@paper-design/components/swirl-opening.md) — by Paper Shaders Full component directory: https://21st.dev/llms.txt