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 | 50 |