Icon Wheel
A beautiful rotating wheel of icons that spin smoothly around a central point. Perfect for showcasing tech stacks, skills, or brand logos.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/icon-wheel.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/icon-wheel.tsx
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| icons | string[] | Required | Array of icon image URLs |
| radius | number | 150 | Radius of the wheel in pixels |
| iconSize | number | 48 | Size of each icon in pixels |
| duration | number | 20 | Duration of one full rotation in seconds |
| className | string | - | Additional class names |