ReactAtoms
Home
Components
Partners
DocsStar1.2kStar on GitHub

Get Started

Introduction
Learn the basics
Installation
Setup guide
MCP
AI integration
Index
All components
Star on GitHub

Components

Gradient TextGlitch TextNewTypewriterWave TextFade Up TextQuantum FocusNewFlux TextNewAurora TextNewMist RevealNewBlur RevealNew
Fade InSlide UpScale InStagger ListNewBounce InMagnetNewSplash CursorNew
Glow ButtonRipple ButtonShimmer EffectHover LiftNewGradient Border
Glass CardAnimated CounterToggle SwitchProgress BarNewNotification BadgeSpotlight CardNewTilted ScrollNew
Orbital FluidsNewGrid VortexNewGradient MeshDot GridAuroraNewNoise TextureAurora BackgroundNew
What's New

Get Started

Introduction
Learn the basics
Installation
Setup guide
MCP
AI integration
Index
All components
Star on GitHub

Components

Gradient TextGlitch TextNewTypewriterWave TextFade Up TextQuantum FocusNewFlux TextNewAurora TextNewMist RevealNewBlur RevealNew
Fade InSlide UpScale InStagger ListNewBounce InMagnetNewSplash CursorNew
Glow ButtonRipple ButtonShimmer EffectHover LiftNewGradient Border
Glass CardAnimated CounterToggle SwitchProgress BarNewNotification BadgeSpotlight CardNewTilted ScrollNew
Orbital FluidsNewGrid VortexNewGradient MeshDot GridAuroraNewNoise TextureAurora BackgroundNew
What's New
Components/Backgrounds

Backgrounds

Animated backgrounds and textures

7 components

Orbital Fluids

Interactive gravity-based particle system

NEW
canvasparticlesphysics

VORTEX

Grid Vortex

Geometric warping grid background

NEW
gridwarp3d

Gradient Mesh

Animated gradient mesh background

gradientmeshanimated

Dot Grid

Subtle animated dot pattern

dotsgridpattern

AURORA

Fluid WebGL gradient animation with organic noise movement.

Aurora

Northern lights aurora effect

NEW
auroragradientglow

Noise Texture

Subtle grain/noise overlay

noisegraintexture

AURORA

Fluid WebGL gradient animation with organic noise movement.

Aurora Background

Fluid WebGL aurora effect

NEW
aurorashaderwebgl