reframe/ui
reframe/ui

Command Palette

Search for a command to run...

3D Photo Carousel

3D Photo Carousel

Drag horizontally to rotate. Click an image to focus.

carousel_0
carousel_1
carousel_2
carousel_3
carousel_4
carousel_5
carousel_6
carousel_7
carousel_8
carousel_9

Installation

Install Dependencies

Copy and Paste the component

@/components/reframe-ui/3d-photo-carousel.tsx
PRO COMPONENT

Unlock with PRO

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

Usage

Props

NameTypeDefaultRequiredDescription
imagesstring[]-YesArray of image URLs to render around the 3D cylinder.
heightnumber | string500NoViewport height for the carousel container. Number is px; string accepts any CSS length.
classNamestring-NoClass applied to the root wrapper.
overlayClassNamestring-NoClass applied to the fullscreen overlay when an image is focused.
© Copyright 2025. All rights reserved.Built by @thommysart