Speed
Three transparent status pills pair live color pickers with long procedural smoke. Each of the three leading circles edits one palette channel without adding a solid card surface.
Color field
Each pill clips a live three-color Canvas field that fades to transparent toward its inner edge. The pills have no border, shadow, solid background, or visible message copy.
Particles use independent long lifetimes, irregular emission, and stochastic drift rather than repeating keyframes. Pause, replay, a discrete 1×–20× speed slider, and reduced-motion behavior remain shared across all three cards. Hovering a pill temporarily doubles its selected base speed.
Implementation
Switch between the shadcn, Tailwind, React Canvas, and standalone HTML Canvas versions.
Speed