# Three.js components

> Explore 3 Three.js-powered React components, perfect for adding immersive 3D experiences to your Tailwind CSS and Next.js projects.

44 components available. Showing all of them below.

- [Shader Animation](https://21st.dev/@designali-in/components/shader-animation.md) — by Ali Imam
- [Dotted Surface](https://21st.dev/@sshahaider/components/dotted-surface.md) — by Efferd
- [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh
- [Horizon Hero Section](https://21st.dev/@lovesickfromthe6ix/components/horizon-hero-section.md) — by scott clayton
- [Shader Lines](https://21st.dev/@designali-in/components/shader-lines.md) — by Ali Imam
- [Futuristic Hero](https://21st.dev/@larsen66/components/hero-futuristic.md) — by 21st Indexer
- [3D Gallery Photography](https://21st.dev/@moazamtrade/components/3d-gallery-photography.md) — by shadway
- [Mountain Scene](https://21st.dev/@dhileepkumargm/components/mountain-scene.md) — by Dhileep Kumar GM
- [Silk-Background-animation](https://21st.dev/@waleedkibhen/components/silk-background-animation.md) — by wisedev
- [3d orbit gallery](https://21st.dev/@moazamtrade/components/3d-orbit-gallery.md) — by shadway
- [3D Gallery Photography](https://21st.dev/@vaib215/components/3d-gallery-photography.md) — by Vaibhav Kumar Singh
- [Interactive Hero Backgrounds](https://21st.dev/@ravikatiyar162/components/interactive-hero-backgrounds.md) — by Ravi Katiyar
- [Tubes Curor](https://21st.dev/@jod49034/components/tubes-curor.md) — by Jod
- [TubeCursor](https://21st.dev/@rahil1202/components/tube-cursor.md) — by Rahil Vahora
- [Tunnel Hero](https://21st.dev/@m.umairwaheedansari/components/tunnel-hero.md) — by Umair Waheed
- [Cosmos 3d orbit gallery](https://21st.dev/@vaib215/components/cosmos-3d-orbit-gallery.md) — by Vaibhav Kumar Singh
- [Robot Hero](https://21st.dev/@alexperezcedeno/components/robot-hero.md) — by uithefactory
- [Particle Wave](https://21st.dev/@easemize/components/particle-wave.md) — by Hossain Jahed
- [Lunar Gravity Card](https://21st.dev/@alexperezcedeno/components/lunar-gravity-card.md) — by uithefactory
- [Threejs particles waves](https://21st.dev/@critcoder/components/threejs-particles-waves.md) — by gg
- [AI Hero Background](https://21st.dev/@blacksmith301/components/ai-hero-background.md) — by Ajmal Hussain
- [BendText](https://21st.dev/@xubohuah/components/bend-text.md) — by KainXu
- [StarShockwaves](https://21st.dev/@rahil1202/components/star-shockwaves.md) — by Rahil Vahora
- [Particles](https://21st.dev/@scrollxui/components/particles.md) — by ScrollX UI
- [Ripple Distortion](https://21st.dev/@ruixen.ui/components/ripple-distortion.md) — by Ruixen UI
- [Quantum Nebula](https://21st.dev/@dhileepkumargm/components/quantum-nebula.md) — by Dhileep Kumar GM
- [3D ASCII Model Viewer](https://21st.dev/@daniel__designs/components/3d-ascii-model-viewer.md) — by Daniel
- [jelly fish](https://21st.dev/@univolveit/components/jelly-fish.md) — by Univolve
- [Rounded Box](https://21st.dev/@kristen17/components/rounded-box.md) — by kristen17
- [R3F Blob](https://21st.dev/@uilayout.contact/components/r3f-blob.md) — by UI Layouts
- [LivingFluidBackground](https://21st.dev/@dhileepkumargm/components/living-fluid-background.md) — by Dhileep Kumar GM
- [CrystallineFieldHero](https://21st.dev/@dhileepkumargm/components/crystalline-field-hero.md) — by Dhileep Kumar GM
- [Symbols Effect](https://21st.dev/@arlanoska/components/symbols-effect.md) — by Arlan
- [Geometric Orb](https://21st.dev/@uicapsule/components/geometric-orb.md) — by UI Capsule
- [HyperspaceWarpDrive](https://21st.dev/@dhileepkumargm/components/hyperspace-warp-drive.md) — by Dhileep Kumar GM
- [Asther Anomaly](https://21st.dev/@dhileepkumargm/components/aether-anomaly.md) — by Dhileep Kumar GM
- [Lissajous Nebula](https://21st.dev/@dhileepkumargm/components/lissajous-nebula.md) — by Dhileep Kumar GM
- [Anomalous Matter's](https://21st.dev/@dhileepkumargm/components/anomalous-matter-s.md) — by Dhileep Kumar GM
- [ReactionDiffusionGenesis](https://21st.dev/@dhileepkumargm/components/reaction-diffusion-genesis.md) — by Dhileep Kumar GM
- [Waves](https://21st.dev/@chamaac/components/waves.md) — by chamaac
- [Mesh Gradient Background](https://21st.dev/@uilayout.contact/components/mesh-gradient-background3.md) — by UI Layouts
- [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
- [ASCII Renderer](https://21st.dev/@uicapsule/components/ascii-renderer.md) — by UI Capsule

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