Singularity Orb

A dark orb ringed with light, circled by crescents on a tilted accretion disc.

About this tool

A CSS-only loader built from a near-black disc held between two glowing rings, a wide radial halo, and crescent slivers riding a circular offset-path tilted back on X so the orbit reads as an accretion disc. The source geometry is preserved exactly at the shipped defaults, but every length is quoted against the orb diameter, so it holds from a 48px inline spinner to a hero tile. HorizonX adds a screen-reader label, a paused state and a reduced-motion pose that parks the crescents instead of hiding them. Edit the size, palette, halo, tilt, orbit and cadence, then export one self-contained HTML file.

In collections: Animated Orbs: AI, Siri & Voice Orb Animations

UI/UX · HTML / CSS All tools

Copy

Screen-reader label

Core

Orb size px

Core colour

Ring gap

Ring glow %

Halo

Light colour

#ffffff

Halo size %

Halo strength

Orbit

Crescents

Orbit duration ms

Disc tilt deg

Preview

State

running paused

Stage

Stage colour

#ffffff