Ring.

Compare these components

Choose by behavior and layout, then check the available frameworks and access requirements on each component page.

• Circular hover speed ring

  A phrase spins slowly around a circle until the pointer arrives, then snaps to a fast spin and grows slightly before easing back once the pointer leaves.

• Concentric goal rings

  Three nested progress rings that draw themselves in sequence beside a readout of each goal's current and target value.

• Magnetic particle ring

  A drifting field of tiny specks that the pointer catches and reorganises into a rippling ring, releasing them again as it moves on.

Guidance