# OrbitingCircles

Source: https://lumeo.nativ.sh/components/orbiting-circles

# OrbitingCircles

Renders children on circular orbital paths around a central element. Use rings with different radii and durations to build animated icon constellations.

## When to Use

-   Hero sections showing an ecosystem of tools orbiting a central product logo.
-   Feature spotlights where supporting icons rotate around a core concept.
-   Loading spinners or animated decorative rings.

Preview Code

Logo Constellation

Copy Code

## API Reference

### OrbitingCircles

Property

Type

Default

Description

Size

int

200

Container size in pixels (width and height).

ChildContent

RenderFragment?

null

Center element (logo, icon, etc.).

Class

string?

null

Additional CSS classes.

## Related Components

-   [AnimatedBeam](/components/animated-beam) — Animated SVG beam between two elements.
-   [Motion](/components/motion) — Overview of all motion primitives.