# 2D Shader components

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

8 components available. Showing all of them below.

- [animated pattern cloud](https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud.md) — by ashish rajwani
- [Shader Svg](https://21st.dev/@reuno-ui/components/shader-svg.md) — by reuno-ui
- [DitheredShaderBackground](https://21st.dev/@dhileepkumargm/components/dithered-shader-background-1.md) — by Dhileep Kumar GM
- [Smooth Wavy Canvas](https://21st.dev/@uilayout.contact/components/smooth-wavy-canvas.md) — by ui layout
- [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
- [Liquid Metal](https://21st.dev/@larsen66/components/metal-fx.md) — by 21st
- [Warp](https://21st.dev/@designali-in/components/warp.md) — by Ali Imam

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