# Procedural components

> Unleash creativity with 3 procedural components, bringing generative visuals and interactive patterns to your React interfaces.

24 components available. Showing all of them below.

- [Schema Card with Animated Wave Visualizer](https://21st.dev/@minhxthanh/components/schema-card-with-animated-wave-visualizer.md) — by Le Thanh
- [animated pattern cloud](https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud.md) — by ashish rajwani
- [Shader Animation](https://21st.dev/@lovesickfromthe6ix/components/shader-animation.md) — by scott clayton
- [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev
- [Generative Geometry](https://21st.dev/@xubohuah/components/generative-geometry.md) — by KainXu
- [FireSphere](https://21st.dev/@rahil1202/components/fire-sphere.md) — by Rahil Vahora
- [Generative Art](https://21st.dev/@h0bb5/components/generative-art.md) — by Dylan Hobbs
- [Bloom](https://21st.dev/@h0bb5/components/bloom.md) — by Dylan Hobbs
- [LivingOrigami bg](https://21st.dev/@dhileepkumargm/components/living-origami-bg.md) — by Dhileep Kumar GM
- [jelly fish](https://21st.dev/@univolveit/components/jelly-fish.md) — by Univolve
- [Chromatic Fluid](https://21st.dev/@amanshakya307/components/chromatic-fluid.md) — by Aman Shakya
- [Cathedral](https://21st.dev/@xordev/components/cathedral.md) — by xordev
- [SymmetryEngine](https://21st.dev/@dhileepkumargm/components/symmetry-engine.md) — by Dhileep Kumar GM
- [Vortex](https://21st.dev/@xubohuah/components/vortex.md) — by KainXu
- [Geode](https://21st.dev/@xordev/components/geode.md) — by xordev
- [CelestialLoom](https://21st.dev/@dhileepkumargm/components/celestial-loom.md) — by Dhileep Kumar GM
- [ChronosEngine](https://21st.dev/@dhileepkumargm/components/chronos-engine-1.md) — by Dhileep Kumar GM
- [NebulaForgery](https://21st.dev/@dhileepkumargm/components/nebula-forgery.md) — by Dhileep Kumar GM
- [ReactionDiffusionGenesis](https://21st.dev/@dhileepkumargm/components/reaction-diffusion-genesis.md) — by Dhileep Kumar GM
- [ChronosEngine](https://21st.dev/@dhileepkumargm/components/chronos-engine.md) — by Dhileep Kumar GM
- [Generative Art](https://21st.dev/@dhileepkumargm/components/generative-art.md) — by Dhileep Kumar GM
- [Anomalou Matter](https://21st.dev/@dhileepkumargm/components/anomalous-matter.md) — by Dhileep Kumar GM
- [Perlin Noise](https://21st.dev/@reshaped/components/perlin-noise.md) — by reshaped
- [GoldMapPattern](https://21st.dev/@dhileepkumargm/components/gold-map-pattern.md) — by Dhileep Kumar GM

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