Circles
Installation
npx shadcn@latest add "https://magicui.design/r/orbiting-circles"Props
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | The class name for the component | "" |
| children | React.ReactNode | The children nodes of the component | null |
| reverse | boolean | If true, the animation plays in reverse | false |
| duration | number | The duration of the animation in seconds | 20 |
| delay | number | The delay before the animation starts in seconds | 10 |
| radius | number | The radius of the orbit in pixels | 160 |
| path | boolean | If true, a path is displayed for the orbit | true |
| iconSize | number | The size of the icon in pixels | 30 |
| speed | number | The speed of the animation | 1 |