OrbitingCircles

Arrange child elements evenly along a circular orbit path and animate them in a continuous revolution. Works great with icons, images, or any inline content.

Import

import { OrbitingCircles } from "@animui/ui";

Basic

Provide child elements — icons, emoji, or images — and they will be distributed evenly around the orbit at the given radius.

Reverse orbit

Set reverse to true to spin the orbit counter-clockwise. Useful when composing multiple concentric rings.

Props