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.
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 — Animated SVG beam between two elements.
- Motion — Overview of all motion primitives.