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