Atmos — 21 React Components, Preview & Copy | 21st

Atmos

Atmos

For abstract, math-driven, and physics-based WebGL/particle environments.

by Daiwiik Harihar

21components505.6Kviews1.4Kbookmarks

Atmos contents

Aurora Curtain

Aurora Curtain

Circularium Ring

Circularium Ring

Moire Shear Field

Moire Shear Field

Phyllotaxis Bloom

Phyllotaxis Bloom

Lorenz Attractor

Lorenz Attractor

Murmuration Boids

Murmuration Boids

Metaball Morph

Metaball Morph

Radial Burst

Radial Burst

Split Axis Convergence

Split Axis Convergence

Harmonic Wave

Harmonic Wave

Quantum Flux

Quantum Flux

Kaleidoscope Symmetry

Kaleidoscope Symmetry

Singularity

Singularity

Quantum Swarm

Quantum Swarm

Aether Vortex

Aether Vortex

Wave Field

Wave Field

Helix Chrono Matrix

Helix Chrono Matrix

Kinetic Matrix

Kinetic Matrix

Kinetic Matrix

Kinetic Particle Fabric

Kinetic Particle Fabric

Kinetic Particle Fabric

Aether Ribbon Mesh

Aether Ribbon Mesh

Fluid Flow Grid

Fluid Flow Grid

That's all 21 components

Components
/
Daiwiik Harihar
/
Atmos

Related libraries

ThreeUI

38

components

000h

by Sanjay Kumar

12

components

SmoothUI

94

components

Magic UI

by Dillion Verma

64

components

Freedom

by Dhileep Kumar GM

215

components

Great UI

by Saurabh Sharma

26

components

About Atmos

Atmos is a component library on 21st.dev by Daiwiik Harihar with 21 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

All 21 Atmos components

Aether Ribbon Mesh
Aether Vortex
Aurora Curtain
Circularium Ring
Fluid Flow Grid
Harmonic Wave
Helix Chrono Matrix
Kaleidoscope Symmetry
Kinetic Matrix
Kinetic Particle Fabric
Lorenz Attractor

Browse all component libraries →

Moire Shear Field

Murmuration Boids

Phyllotaxis Bloom

Split Axis Convergence