A draggable circle of images that spins with inertia
| Name | Type | Default | Description |
|---|---|---|---|
images | string[] | [] | Array of image URLs to display in the circular gallery |
radiusPercent | number | 38 | Radius of the circle as a percentage of viewport (10-50) |
itemWidth | number | 280 | Width of each gallery item in pixels |
itemHeight | number | 400 | Height of each gallery item in pixels |
itemScale | number | 0.85 | Scale factor for items (0.5-1.5) |
borderRadius | number | 8 | Border radius for items in pixels |
enableDrag | boolean | true | Enable drag rotation of the gallery |
throwResistance | number | 0.35 | Throw resistance for inertia (0-1, lower = more momentum) |
animationDuration | number | 0.9 | Duration for initial animation in seconds |
showNumbers | boolean | true | Show item numbers on cards |
autoSpin | number | 0 | Auto-spin speed in degrees per second (0 = disabled) |
className | string | "" | Additional CSS classes for the wrapper container |
itemClassName | string | "" | Additional CSS classes for each gallery item |
onItemClick | (index: number, image: string) => void | undefined | Callback function when an item is clicked |
imagesstring[]Array of image URLs to display in the circular gallery
[]radiusPercentnumberRadius of the circle as a percentage of viewport (10-50)
38itemWidthnumberWidth of each gallery item in pixels
280itemHeightnumberHeight of each gallery item in pixels
400itemScalenumberScale factor for items (0.5-1.5)
0.85borderRadiusnumberBorder radius for items in pixels
8enableDragbooleanEnable drag rotation of the gallery
truethrowResistancenumberThrow resistance for inertia (0-1, lower = more momentum)
0.35animationDurationnumberDuration for initial animation in seconds
0.9showNumbersbooleanShow item numbers on cards
trueautoSpinnumberAuto-spin speed in degrees per second (0 = disabled)
0classNamestringAdditional CSS classes for the wrapper container
""itemClassNamestringAdditional CSS classes for each gallery item
""onItemClick(index: number, image: string) => voidCallback function when an item is clicked
undefined