Wavy Rings

Ring parameters

Ring count 6

Lobes (corners) 3

Waveform

Base radius 175

Ring spacing 0

Amplitude (max) 38

Rotation speed 18

Rotation direction

Phase offset per ring (°) 6

Pulse: min (% of max) 15

Pulse: base speed 60

Pulse: desync between rings 25

Stroke width 2.4

Glow strength (%) 100

Symmetry

Color mode

Background

Ring A (first / even)

Ring B (last / odd)

Download wavy-rings.js, include it on your page, and mount the animation into any element. The current slider settings will be used as the preset.