Dot Weave

A token-driven loading panel with a dual-ring spinner, an indeterminate progress track, and a smooth transition to a success state — fully design-system agnostic.

A token-driven loading panel with electrons orbiting a glowing nucleus that resolve into an animated success state — fully design-system agnostic.

Three gradient dots cycling around a triangle — a pure-CSS scientific loader with a light default theme.

A token-driven ripple loader — two concentric rings expand and fade outward in a continuous pulse, animating only `transform` and `opacity` for GPU-friendly motion. Fully design-system agnostic and motion-safe.