Animations & Motion
Cylindrical Carousel
Draggable 3D cylindrical carousel with perspective rotation.
3dtransformcarouselcylinderdrag
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
images | string[] | [] | Array of image URLs for the carousel |
cardCount | number | 8 | Number of cards in the carousel |
backgroundColor | string | bg-[#111] | Background color of the component |
perspective | string | perspective-[1000px] | CSS perspective value for 3D effect |
containerSize | string | w-40 h-60 | Size of each card container |
radius | number | 280 | Radius of the cylindrical carousel |
springStiffness | number | 50 | Spring animation stiffness |
springDamping | number | 20 | Spring animation damping |
dragMultiplier | number | 0.5 | Multiplier for drag sensitivity |
className | string | Additional CSS classes |