# Generative components

> Unleash creativity with 5 generative components for React, offering dynamic visuals powered by Tailwind CSS.

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

- [Generative Geometry](https://21st.dev/@xubohuah/components/generative-geometry.md) — by KainXu
- [Generative Art](https://21st.dev/@h0bb5/components/generative-art.md) — by Dylan Hobbs
- [Vortex](https://21st.dev/@xubohuah/components/vortex.md) — by KainXu
- [Generative Art](https://21st.dev/@dhileepkumargm/components/generative-art.md) — by Dhileep Kumar GM
- [SpiralAnimation](https://21st.dev/@xubohuah/components/spiral-animation.md) — by KainXu
- [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
- [AnomalousMatterHero](https://21st.dev/@dhileepkumargm/components/anomalous-matter-hero.md) — by Dhileep Kumar GM
- [Entropy](https://21st.dev/@xubohuah/components/entropy.md) — by KainXu
- [Mountain Scene](https://21st.dev/@dhileepkumargm/components/mountain-scene.md) — by Dhileep Kumar GM
- [AI Gen](https://21st.dev/@designali-in/components/ai-gen.md) — by Ali Imam
- [Rainbow Matrix Shader](https://21st.dev/@aghasisahakyan1/components/rainbow-matrix-shader.md) — by Erik X
- [realistic fog background](https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background.md) — by ashish rajwani
- [Spiral Animation](https://21st.dev/@easemize/components/spiral-animation.md) — by Hossain Jahed
- [Simplex](https://21st.dev/@designali-in/components/simplex.md) — by Ali Imam
- [Text Particle](https://21st.dev/@designali-in/components/text-particle.md) — by Ali Imam
- [Particle Canvas](https://21st.dev/@designali-in/components/particle-canvas-1.md) — by Ali Imam
- [Spinning Sphere](https://21st.dev/@lyanchouss/components/spinning-sphere.md) — by Liana Pepanyan
- [Generative Art Gallery](https://21st.dev/@dhileepkumargm/components/generative-art-gallery.md) — by Dhileep Kumar GM
- [Sonic Waveform](https://21st.dev/@dhileepkumargm/components/sonic-waveform.md) — by Dhileep Kumar GM
- [Phosphor 30](https://21st.dev/@xordev/components/phosphor-30.md) — by xordev
- [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev
- [Chords](https://21st.dev/@airbnb-visx/components/chords.md) — by Airbnb
- [Simple Growth Tree](https://21st.dev/@xubohuah/components/simple-growth-tree.md) — by KainXu
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar.md) — by tom
- [Pixel Animation](https://21st.dev/@designali-in/components/pixel-animation.md) — by Ali Imam
- [Circle Animations Collection 3](https://21st.dev/@filipz/components/circle-animations-collection-3.md) — by filipz
- [Set of Animations 4](https://21st.dev/@filipz/components/set-of-animations-4.md) — by filipz
- [VectorField](https://21st.dev/@xubohuah/components/vector-field.md) — by KainXu
- [Interactive String](https://21st.dev/@jatin-yadav05/components/interactive-string.md) — by Jatin Yadav
- [LivingVineBackground](https://21st.dev/@dhileepkumargm/components/living-vine-background.md) — by Dhileep Kumar GM
- [Fractal Bloom Tree](https://21st.dev/@dhileepkumargm/components/fractal-bloom-tree.md) — by Dhileep Kumar GM
- [AuroraHero](https://21st.dev/@dhileepkumargm/components/aurora-hero.md) — by Dhileep Kumar GM
- [Interactive Waves](https://21st.dev/@dhileepkumargm/components/interactive-waves.md) — by Dhileep Kumar GM
- [Radial Shader](https://21st.dev/@xordev/components/radial-shader.md) — by xordev
- [Background Shapes](https://21st.dev/@uicapsule/components/background-shapes.md) — by UI Capsule
- [CrystalCursor](https://21st.dev/@dhileepkumargm/components/crystal-cursor.md) — by Dhileep Kumar GM
- [ASCII KNOT](https://21st.dev/@montekkundan/components/knot-animation.md) — by Montek
- [Mechanical Waves](https://21st.dev/@designali-in/components/mechanical-waves.md) — by Ali Imam
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar/animated.md) — by tom
- [Voronoi](https://21st.dev/@airbnb-visx/components/voronoi.md) — by Airbnb
- [Wave Animation](https://21st.dev/@designali-in/components/wave-animation.md) — by Ali Imam
- [Delicate Ascii Dots](https://21st.dev/@uilayout.contact/components/delicate-ascii-dots.md) — by UI Layouts
- [Quantum Nebula](https://21st.dev/@dhileepkumargm/components/quantum-nebula.md) — by Dhileep Kumar GM
- [Bloom](https://21st.dev/@h0bb5/components/bloom.md) — by Dylan Hobbs
- [Pulsing Geometric Dream](https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream.md) — by Dhileep Kumar GM
- [LivingOrigami bg](https://21st.dev/@dhileepkumargm/components/living-origami-bg.md) — by Dhileep Kumar GM
- [Dithering Shader](https://21st.dev/@designali-in/components/dithering-shader.md) — by Ali Imam
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars/horizontal-bars.md) — by UI Layouts
- [Lab](https://21st.dev/@xordev/components/lab.md) — by xordev
- [NeuralNoiseCursor](https://21st.dev/@rahil1202/components/neural-noise-cursor.md) — by Rahil Vahora
- [Particle canvas](https://21st.dev/@designali-in/components/particle-canvas-2.md) — by Ali Imam
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars.md) — by UI Layouts
- [ASCII Pyramid](https://21st.dev/@montekkundan/components/ascii-pyramid.md) — by Montek
- [Lanterns](https://21st.dev/@xordev/components/lanterns.md) — by xordev
- [Nucleus](https://21st.dev/@xordev/components/nucleus.md) — by xordev
- [Zoom](https://21st.dev/@airbnb-visx/components/zoom.md) — by Airbnb
- [Falling Symbols Background](https://21st.dev/@ruixen.ui/components/falling-symbols-background.md) — by Ruixen UI
- [Cathedral](https://21st.dev/@xordev/components/cathedral.md) — by xordev
- [Vector Field](https://21st.dev/@designali-in/components/vector-field.md) — by Ali Imam

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