# Fluid components

> Enhance layouts with 10 fluid components for React and Tailwind CSS, offering responsive, adaptable elements for any screen size.

49 components available. Showing all of them below.

- [Fluid Dynamics](https://21st.dev/@designali-in/components/fluid-dynamics.md) — by Ali Imam
- [LivingFluidBackground](https://21st.dev/@dhileepkumargm/components/living-fluid-background.md) — by Dhileep Kumar GM
- [Fluid Canvas](https://21st.dev/@jatin-yadav05/components/fluid-canvas.md) — by Jatin Yadav
- [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed
- [Spooky Smoke Animation](https://21st.dev/@easemize/components/spooky-smoke-animation.md) — by Hossain Jahed
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/tabs.md) — by Daniel Petho
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter.md) — by Daniel Petho
- [Fluid menu](https://21st.dev/@deepaksslibra/components/fluid-menu.md) — by Deepak Chandwani
- [Progress Indicator](https://21st.dev/@anurag-mishra22/components/progress-indicator.md) — by Anurag Mishra
- [Silk-Background-animation](https://21st.dev/@waleedkibhen/components/silk-background-animation.md) — by wisedev
- [Revolution Hero](https://21st.dev/@lovesickfromthe6ix/components/revolution-hero.md) — by scott clayton
- [Fluid Dropdown](https://21st.dev/@koustubhayadiyala36/components/fluid-dropdown.md) — by Kousthubha Yadiyala
- [Fluid particles background](https://21st.dev/@bundui/components/fluid-particles-background.md) — by Shadcn UI Kit
- [realistic fog background](https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background.md) — by ashish rajwani
- [Gradient Wave](https://21st.dev/@designali-in/components/gradient-wave.md) — by Ali Imam
- [Fluid Magnetic Cursor](https://21st.dev/@easemize/components/magnetic-cursor.md) — by Hossain Jahed
- [Stripe like gradient-shader](https://21st.dev/@meerbahadin10/components/stripe-like-gradient-shader.md) — by Meer bahadin
- [Turbulent Flow](https://21st.dev/@lovesickfromthe6ix/components/turbulent-flow.md) — by scott clayton
- [Fluid Expanding Grid](https://21st.dev/@0xUrvish/components/fluid-expanding-grid.md) — by 0xUrvish
- [Pinky News Letter](https://21st.dev/@moazamtrade/components/pinky-news-letter.md) — by shadway
- [Living Fluid Hero](https://21st.dev/@dhileepkumargm/components/living-fluid-hero.md) — by Dhileep Kumar GM
- [Background Shaders](https://21st.dev/@moazamtrade/components/background-shaders.md) — by shadway
- [Particle Text](https://21st.dev/@lovesickfromthe6ix/components/particle-text.md) — by scott clayton
- [Wavy](https://21st.dev/@bundui/components/wavy.md) — by Shadcn UI Kit
- [Smokey Cursor Effect](https://21st.dev/@uniquesonu/components/smokey-cursor-effect.md) — by Sonu
- [Cursor Dither Trail](https://21st.dev/@heyquincy/components/cursor-dither-trail.md) — by Quincy Harriman
- [Cosmic Plasma Web](https://21st.dev/@shailendrakumar19999/components/cosmic-plasma-web.md) — by Shailendra
- [Fluid Particle](https://21st.dev/@designali-in/components/fluid-particle.md) — by Ali Imam
- [Liquid Gradient](https://21st.dev/@aayush-duhan/components/liquid-gradient.md) — by Aayush duhan
- [Launch](https://21st.dev/@xordev/components/launch.md) — by xordev
- [Chromatic Fluid](https://21st.dev/@amanshakya307/components/chromatic-fluid.md) — by Aman Shakya
- [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/novatrix.md) — by uvcanvas
- [Fluid swirl shader](https://21st.dev/@xubohuah/components/fluid-swirl-shader.md) — by KainXu
- [Aurora Flow](https://21st.dev/@ruixen.ui/components/aurora-flow.md) — by Ruixen UI
- [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/tranquiluxe.md) — by uvcanvas
- [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/velustro.md) — by uvcanvas
- [Verdant Swirl](https://21st.dev/@serafimcloud/components/verdant-swirl.md) — by Serafim
- [Synthesis Background](https://21st.dev/@chamaac/components/synthesis.md) — by chamaac
- [Pixel Liquid Background](https://21st.dev/@unlumen/components/pixel-liquid-bg.md) — by Unlumen UI
- [Flowing Ribbons Effect](https://21st.dev/@uilayout.contact/components/flowing-ribbons-effect.md) — by UI Layouts
- [Nebula](https://21st.dev/@chamaac/components/nebula.md) — by chamaac
- [red in black](https://21st.dev/@ashish.indora/components/red-in-black.md) — by Ashish Indora
- [portfolio](https://21st.dev/@ricaelmenezes3/components/portfolio.md) — by Ricael
- [Ethereal Whispers](https://21st.dev/@serafimcloud/components/ethereal-whispers.md) — by Serafim
- [Ocean Swirl](https://21st.dev/@serafimcloud/components/ocean-swirl.md) — by Serafim
- [Oceanic Currents](https://21st.dev/@serafimcloud/components/oceanic-currents.md) — by Serafim
- [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
- [Oceanic Currents](https://21st.dev/@serafimcloud/components/oceanic-currents-2.md) — by Serafim

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