Orbiting Circles
Items orbiting a center element on concentric rings, each with its own radius, speed and direction. Items stay upright.
Import
import { OrbitingCircles } from "@igorao79/uivix";Examples
Tech stack
Two rings, opposite directions
UIVIX
R
T
J
C
N
H
V
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rings | OrbitRing[] | - | { items, radius, duration?, reverse?, itemSize? } per ring |
| center | ReactNode | - | Content in the middle |
| showPaths | boolean | true | Draw the orbit paths |
| className | string | - | Additional CSS classes |