Circular Orbit
A circular gallery of image tiles orbiting around a centered title. All motion runs on a single MotionValue driven by useAnimationFrame, so no React renders per frame.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/circular-orbit
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | OrbitItem[] | 14 Unsplash tiles | Tiles to place around the orbit |
| title | string | 'Push' | Centered headline rendered above the orbit |
| speed | number | 0.00022 | Radians per millisecond. Smaller = slower |
| radius | number | 270 | Pixel radius of the orbit on the desktop layout |
| pauseOnHover | boolean | true | Smoothly stop the orbit when the pointer enters the gallery |
| className | string | undefined | Additional Tailwind classes merged into the section root |