Animations/Orbiting Circles

Orbiting Circles

Children revolve around a shared center, evenly spaced - great for integration ecosystem visuals.


ajax-ui.com/orbiting-circles
🛰
✨
✨
✨
✨
✨
✨

Installation

npx ajaxui add orbiting-circles

Reverse orbit

ajax-ui.com
✨
✨
✨

Props

PropTypeDefaultDescription
radiusnumber120Orbit radius in pixels.
durationnumber20000Duration for one full revolution (ms).
reversebooleanfalseReverse orbit direction.