Plasma Orb
Details →Shader 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
Details →Equalizer bars inside a disc that react to the audio level.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Halo Orb
Details →A conic halo with orbital rings and a bright core that pulses.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Particles Orb
Details →Hundreds 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
Details →Core with expanding rings and a loading arc. Minimal and SSR-safe.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Glass Orb
Details →Iridescent glassmorphism with a spinning conic aura and specular highlight.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Aurora Orb
Details →Northern-lights veils that swirl and blur across a night sky.
Idle
State
Speed
Size
Color
From
To
Pure CSScompositor onlyZero deps
Gooey Orb
Details →Liquid blob whose edges “boil” with SVG noise and displacement.
Idle
State
Speed
Size
Color
From
To
SVG filtersZero deps
Galaxy Orb
Details →A 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
Details →3D sphere with simplex-noise displacement and fresnel. The “voice mode”.
Idle
State
Speed
Size
Color
From
To
WebGL (R3F + GLSL)gpu
Waveform Ring
Details →A 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
Details →Siri-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
Details →Single-pass fragment shader with flowing iridescent hues. Raw WebGL, zero dependencies.
Idle
State
Speed
Size
Color
From
To
Shader (canvas)gpuZero deps
Mercury Orb
Details →Paper liquid-metal shader: chrome ripples flowing around a molten core.
Idle
State
Speed
Size
Color
From
To
Shader (canvas)gpu