# Generative components

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

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

- [LivingOrigami bg](https://21st.dev/@dhileepkumargm/components/living-origami-bg.md) — by Dhileep Kumar GM
- [Vortex](https://21st.dev/@xubohuah/components/vortex.md) — by Kain Xu
- [Quantum Nebula](https://21st.dev/@dhileepkumargm/components/quantum-nebula.md) — by Dhileep Kumar GM
- [Split Line Path](https://21st.dev/@airbnb-visx/components/split-line-path.md) — by Airbnb
- [Generative Geometry](https://21st.dev/@xubohuah/components/generative-geometry.md) — by Kain Xu
- [Phosphor 30](https://21st.dev/@xordev/components/phosphor-30.md) — by xordev
- [Generative Art](https://21st.dev/@dhileepkumargm/components/generative-art.md) — by Dhileep Kumar GM
- [Generative Art](https://21st.dev/@h0bb5/components/generative-art.md) — by Dylan Hobbs
- [ASCII Pyramid](https://21st.dev/@montekkundan/components/ascii-pyramid.md) — by Montek
- [Set of Animations 4](https://21st.dev/@filipz/components/set-of-animations-4.md) — by filipz
- [Delaunay Triangulation](https://21st.dev/@airbnb-visx/components/delaunay-triangulation.md) — by Airbnb
- [Chords](https://21st.dev/@airbnb-visx/components/chords.md) — by Airbnb
- [SpiralAnimation](https://21st.dev/@xubohuah/components/spiral-animation.md) — by Kain Xu
- [NeuralNoiseCursor](https://21st.dev/@rahil1202/components/neural-noise-cursor.md) — by Rahil Vahora
- [Radial Shader](https://21st.dev/@xordev/components/radial-shader.md) — by xordev
- [Spooky Smoke Animation](https://21st.dev/@jahed/components/spooky-smoke-animation.md) — by Hossain Jahed
- [Animated Leaves](https://21st.dev/@designali-in/components/animated-leaves.md) — by Ali Imam
- [Zima Blue!](https://21st.dev/@h0bb5/components/zima-blue.md) — by Dylan Hobbs
- [Circle Animations Collection 3](https://21st.dev/@filipz/components/circle-animations-collection-3.md) — by filipz
- [Terrain Erosion Carve](https://21st.dev/@nikolas-sapa/components/terrain-erosion-carve.md) — by nikolas-sapa
- [Lab](https://21st.dev/@xordev/components/lab.md) — by xordev
- [Generative Tree](https://21st.dev/@mengto/components/generative-tree.md) — by Meng To
- [Interactive String](https://21st.dev/@jatin-yadav05/components/interactive-string.md) — by Jatin Yadav
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar.md) — by tom
- [Simple Growth Tree](https://21st.dev/@xubohuah/components/simple-growth-tree.md) — by Kain Xu
- [Sonic Waveform](https://21st.dev/@dhileepkumargm/components/sonic-waveform.md) — by Dhileep Kumar GM
- [FieldLinesAurora](https://21st.dev/@dhileepkumargm/components/field-lines-aurora.md) — by Dhileep Kumar GM
- [AnomalousMatterHero](https://21st.dev/@dhileepkumargm/components/anomalous-matter-hero.md) — by Dhileep Kumar GM
- [Neutrino](https://21st.dev/@xordev/components/neutrino.md) — by xordev
- [VectorField](https://21st.dev/@xubohuah/components/vector-field.md) — by Kain Xu
- [Spinning Sphere](https://21st.dev/@lyanchouss/components/spinning-sphere.md) — by Liana Pepanyan
- [Lanterns](https://21st.dev/@xordev/components/lanterns.md) — by xordev
- [Flowing Ribbons Effect](https://21st.dev/@uilayout.contact/components/flowing-ribbons-effect.md) — by ui layout
- [Nucleus](https://21st.dev/@xordev/components/nucleus.md) — by xordev
- [Entropy](https://21st.dev/@xubohuah/components/entropy.md) — by Kain Xu
- [Wave Animation](https://21st.dev/@designali-in/components/wave-animation.md) — by Ali Imam
- [Zoom](https://21st.dev/@airbnb-visx/components/zoom.md) — by Airbnb
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar/animated.md) — by tom
- [Molten Cells](https://21st.dev/@serafimcloud/components/molten-cells.md) — by Serafim
- [Particle canvas](https://21st.dev/@designali-in/components/particle-canvas-2.md) — by Ali Imam
- [ASCII KNOT](https://21st.dev/@montekkundan/components/knot-animation.md) — by Montek
- [Radia lines](https://21st.dev/@airbnb-visx/components/radial-lines.md) — by Airbnb
- [Roller Break Reduce](https://21st.dev/@nikolas-sapa/components/roller-break-reduce.md) — by nikolas-sapa
- [realistic fog background](https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background.md) — by ashish rajwani
- [Bloom](https://21st.dev/@h0bb5/components/bloom.md) — by Dylan Hobbs
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars/horizontal-bars.md) — by ui layout
- [Simplex](https://21st.dev/@designali-in/components/simplex.md) — by Ali Imam
- [Background Shapes](https://21st.dev/@uicapsule/components/background-shapes.md) — by uicapsule
- [Interactive Waves](https://21st.dev/@dhileepkumargm/components/interactive-waves.md) — by Dhileep Kumar GM
- [DitheredShaderBackground](https://21st.dev/@dhileepkumargm/components/dithered-shader-background-1.md) — by Dhileep Kumar GM
- [Pulsing Geometric Dream](https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream.md) — by Dhileep Kumar GM
- [Cathedral](https://21st.dev/@xordev/components/cathedral.md) — by xordev
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars.md) — by ui layout
- [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev
- [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/opulento.md) — by uvcanvas
- [Bubble Sketch](https://21st.dev/@xubohuah/components/bubble-sketch.md) — by Kain Xu
- [Voronoi](https://21st.dev/@airbnb-visx/components/voronoi.md) — by Airbnb
- [AI Gen](https://21st.dev/@designali-in/components/ai-gen.md) — by Ali Imam
- [Vector Field](https://21st.dev/@designali-in/components/vector-field.md) — by Ali Imam
- [Falling Symbols Background](https://21st.dev/@ruixen.ui/components/falling-symbols-background.md) — by Ruixen

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