Plasma Orb
DetailsShader mesh gradient on canvas, no Three.js. Organic distortion.
Idle
State
Speed
Size
Color
From
To
Shader (canvas)gpu
Open source · copy-paste
Animated orbs for AI Assistants
A gallery of orbs with shared states: idle · connecting · listening · thinking · speaking, ready to copy. Toggle states, try the mic reactivity and customize color, speed and size.
14 of 14 orbs
Equalizer Orb
DetailsEqualizer bars inside a disc that react to the audio level.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Halo Orb
DetailsA conic halo with orbital rings and a bright core that pulses.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Particles Orb
DetailsHundreds of particles form a rotating 3D sphere that breathes with your voice and scatters into a ring while connecting.
Idle
State
Speed
Size
Color
From
To
CanvasZero deps
Pulse Orb
DetailsCore with expanding rings and a loading arc. Minimal and SSR-safe.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Glass Orb
DetailsIridescent glassmorphism with a spinning conic aura and specular highlight.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Aurora Orb
DetailsNorthern-lights veils that swirl and blur across a night sky.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Gooey Orb
DetailsLiquid blob whose edges “boil” with SVG noise and displacement.
Idle
State
Speed
Size
Color
From
To
SVG filtersZero deps
Galaxy Orb
DetailsA glassy bubble holding a drifting starfield and nebula, with a specular glare and an iridescent, chromatic rim.
Idle
State
Speed
Size
Color
From
To
CanvasZero deps
Nebula Orb
Details3D sphere with simplex-noise displacement and fresnel. The “voice mode”.
Idle
State
Speed
Size
Color
From
To
WebGL (R3F + GLSL)gpu
Waveform Ring
DetailsA ring whose radius traces the live waveform: time-domain audio drawn in polar coordinates.
Idle
State
Speed
Size
Color
From
To
CanvasZero deps
Edge Glow
DetailsSiri-style ambient frame: a masked conic-gradient glow that wraps your own content instead of sitting in the middle.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Iridescent Flow
DetailsSingle-pass fragment shader with flowing iridescent hues. Raw WebGL, zero dependencies.
Idle
State
Speed
Size
Color
From
To
Shader (canvas)gpuZero deps
Mercury Orb
DetailsPaper liquid-metal shader: chrome ripples flowing around a molten core.
Idle
State
Speed
Size
Color
From
To
Shader (canvas)gpu