Orbit rings · Neon

Thin rings with bright bodies circling them at different speeds, each leaving a short trail.

Settings

What this style sets on Orbit rings. Highlighted values differ from the default.

Background#06020f
Rings#3a0ca3
Bodies#4dfff0
Rings6
Speed0.4
Grain0.03

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Orbit rings styles