3D Photo Carousel
3D Photo Carousel
Drag horizontally to rotate. Click an image to focus.
Installation
Install Dependencies
Copy and Paste the component
@/components/reframe-ui/3d-photo-carousel.tsx
Usage
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| images | string[] | - | Yes | Array of image URLs to render around the 3D cylinder. |
| height | number | string | 500 | No | Viewport height for the carousel container. Number is px; string accepts any CSS length. |
| className | string | - | No | Class applied to the root wrapper. |
| overlayClassName | string | - | No | Class applied to the fullscreen overlay when an image is focused. |
© Copyright 2025. All rights reserved.Built by @thommysart