# 2D Shader components

> Experiment with visual depth using 24 React 2d shader components, bringing dynamic effects to your Tailwind CSS projects.

9 components available. Showing all of them below.

- [animated pattern cloud](https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud.md) — by ashish rajwani
- [Waves Shader](https://21st.dev/@aghasisahakyan1/components/waves-shader.md) — by Erik X
- [Shader Svg](https://21st.dev/@reuno-ui/components/shader-svg.md) — by reuno-ui
- [Warp](https://21st.dev/@designali-in/components/warp.md) — by Ali Imam
- [Pulsing Geometric Dream](https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream.md) — by Dhileep Kumar GM
- [Hero Section](https://21st.dev/@dhileepkumargm/components/hero-section.md) — by Dhileep Kumar GM
- [Symbols Effect](https://21st.dev/@arlanoska/components/symbols-effect.md) — by Arlan
- [Moving Circles Shader](https://21st.dev/@aghasisahakyan1/components/moving-circles-shader.md) — by Erik X
- [Smooth Wavy Canvas](https://21st.dev/@uilayout.contact/components/smooth-wavy-canvas.md) — by UI Layouts

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