# Wave components

> Create dynamic backgrounds with 11 wave components for React and Tailwind CSS, bringing movement and depth to your designs.

103 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/wave.

- [Wavy Background](https://21st.dev/@manuarora700/components/wavy-background.md) — by Manu Arora
- [Wave Background](https://21st.dev/@xubohuah/components/wave-background.md) — by KainXu
- [Wave Path](https://21st.dev/@sshahaider/components/wave-path.md) — by Efferd
- [Wave Animation](https://21st.dev/@designali-in/components/wave-animation-1.md) — by Ali Imam
- [Wave](https://21st.dev/@designali-in/components/wave.md) — by Ali Imam
- [Interactive Waves](https://21st.dev/@dhileepkumargm/components/interactive-waves.md) — by Dhileep Kumar GM
- [Wave Animation](https://21st.dev/@designali-in/components/wave-animation.md) — by Ali Imam
- [Dotted Surface](https://21st.dev/@sshahaider/components/dotted-surface.md) — by Efferd
- [WebGL Shader](https://21st.dev/@designali-in/components/web-gl-shader.md) — by Ali Imam
- [Shader Background](https://21st.dev/@minhxthanh/components/shader-background.md) — by Le Thanh
- [Glowy Waves Hero](https://21st.dev/@moumensoliman/components/glowy-waves-hero-shadcnui.md) — by Moumen Soliman
- [Dynamic Wave Canvas Background](https://21st.dev/@minhxthanh/components/dynamic-wave-canvas-background.md) — by Le Thanh
- [Wave](https://21st.dev/@designali-in/components/wave-1.md) — by Ali Imam
- [Reveal Wave Image](https://21st.dev/@hinedy/components/reveal-wave-image.md) — by hinedy
- [Schema Card with Animated Wave Visualizer](https://21st.dev/@minhxthanh/components/schema-card-with-animated-wave-visualizer.md) — by Le Thanh
- [AI Input Hero](https://21st.dev/@aghasisahakyan1/components/ai-input-hero.md) — by Erik X
- [Wave Text](https://21st.dev/@kokonutd/components/wave-text.md) — by Kokonut Baffier
- [Text Shimmer Wave](https://21st.dev/@ibelick/components/text-shimmer-wave/colored.md) — by Julien Thibeaut
- [animated pattern cloud](https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud.md) — by ashish rajwani
- [CascadeText](https://21st.dev/@aayush-duhan/components/cascade-text.md) — by Aayush duhan
- [Text Shimmer Wave](https://21st.dev/@ibelick/components/text-shimmer-wave.md) — by Julien Thibeaut
- [Waves Shader](https://21st.dev/@aghasisahakyan1/components/waves-shader.md) — by Erik X
- [Isometric Wave Grid Background](https://21st.dev/@easemize/components/isometric-wave-grid-background.md) — by Hossain Jahed
- [Aniamted Pricing Cards](https://21st.dev/@aghasisahakyan1/components/aniamted-pricing-cards.md) — by Erik X
- [Loader](https://21st.dev/@aghasisahakyan1/components/loader.md) — by Erik X
- [Hero 02](https://21st.dev/@designali-in/components/hero-02.md) — by Ali Imam
- [Gradient Wave](https://21st.dev/@designali-in/components/gradient-wave.md) — by Ali Imam
- [blue meshy background](https://21st.dev/@reuno-ui/components/blue-meshy-background.md) — by reuno-ui
- [Wave Loader](https://21st.dev/@molecule-lab-rushil/components/wave-loader.md) — by Rushil Dhinoja
- [Wavy Text Block](https://21st.dev/@youcefbnm/components/wavy-text-block.md) — by YoucefBnm Bnm
- [Particle Wave](https://21st.dev/@easemize/components/particle-wave.md) — by Hossain Jahed
- [DigitalLoomBackground](https://21st.dev/@dhileepkumargm/components/digital-loom-background.md) — by Dhileep Kumar GM
- [Threejs particles waves](https://21st.dev/@critcoder/components/threejs-particles-waves.md) — by gg
- [RuixenCarouselWave](https://21st.dev/@ruixen.ui/components/ruixen-carousel-wave.md) — by Ruixen UI
- [Gradient Wave Text](https://21st.dev/@tom_ui/components/gradient-wave-text.md) — by tom
- [Colorful Wave Pattern](https://21st.dev/@dhileepkumargm/components/colorful-wave-pattern-1.md) — by Dhileep Kumar GM
- [Wavy](https://21st.dev/@bundui/components/wavy.md) — by Shadcn UI Kit
- [Interactive String](https://21st.dev/@jatin-yadav05/components/interactive-string.md) — by Jatin Yadav
- [Aurora Waves](https://21st.dev/@ruixen.ui/components/aurora-waves.md) — by Ruixen UI
- [Tidal Cursor](https://21st.dev/@patrick.thomas.dunn1988/components/tidal-cursor.md) — by Patrick Dunn
- [Mechanical Waves](https://21st.dev/@designali-in/components/mechanical-waves.md) — by Ali Imam
- [WaveBackground](https://21st.dev/@ruixen.ui/components/wave-background.md) — by Ruixen UI
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars/horizontal-bars.md) — by UI Layouts
- [Circle Animations Collection](https://21st.dev/@filipz/components/circle-animations-collection.md) — by filipz
- [Text Wave Animation](https://21st.dev/@designali-in/components/text-wave-animation.md) — by Ali Imam
- [Load Ripple](https://21st.dev/@ruixen.ui/components/load-ripple.md) — by Ruixen UI
- [Waves shaders Homlu UI](https://21st.dev/@senommu/components/waves-shaders-homlu-ui.md) — by Vlad Vovk
- [Neon Nebula](https://21st.dev/@karthiksivacharan/components/neon-nebula.md) — by Karthik Sivacharan
- [Error 404 Page](https://21st.dev/@itsankitverma/components/error-404-page.md) — by Ankit Verma
- [Split Line Path](https://21st.dev/@airbnb-visx/components/split-line-path.md) — by Airbnb
- [Electric Mist](https://21st.dev/@chamaac/components/electric-mist.md) — by chamaac
- [Hero Section](https://21st.dev/@dhileepkumargm/components/hero-section.md) — by Dhileep Kumar GM
- [ClickTriggerPathWave](https://21st.dev/@jatin-yadav05/components/click-trigger-path-wave.md) — by Jatin Yadav
- [test](https://21st.dev/@npouliss/components/test.md) — by Nikolaos Poulis
- [Dot Matrix Loader](https://21st.dev/@elements-/components/loader-dot-matrix.md) — by Cameron Kelliher
- [Grain Gradient](https://21st.dev/@paper-design/components/grain-gradient.md) — by Paper Shaders
- [Animated tab card](https://21st.dev/@abhinavcdev/components/animated-tab-card.md) — by Abhinav C
- [Water](https://21st.dev/@paper-design/components/water.md) — by Paper Shaders
- [Flowing Ribbons Effect](https://21st.dev/@uilayout.contact/components/flowing-ribbons-effect.md) — by UI Layouts
- [Act of creation](https://21st.dev/@mkasiak/components/act-of-creation.md) — by Marcin Kasiak

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