3D Carousel

3D image carousel for React and shadcn/ui that rotates cards around a cylinder with drag momentum and click to expand.

Updated

keyword_0 https://picsum.photos/200/300?night
keyword_1 https://picsum.photos/200/300?city
keyword_2 https://picsum.photos/200/300?sky
keyword_3 https://picsum.photos/200/300?sunset
keyword_4 https://picsum.photos/200/300?sunrise
keyword_5 https://picsum.photos/200/300?winter
keyword_6 https://picsum.photos/200/300?skyscraper
keyword_7 https://picsum.photos/200/300?building
keyword_8 https://picsum.photos/200/300?cityscape
keyword_9 https://picsum.photos/200/300?architecture
keyword_10 https://picsum.photos/200/300?street
keyword_11 https://picsum.photos/200/300?lights
keyword_12 https://picsum.photos/200/300?downtown
keyword_13 https://picsum.photos/200/300?bridge

3D Carousel is a React image carousel for shadcn/ui built with Motion. Use it for photo galleries, portfolio showcases, or product image browsing on landing pages.

Installation

pnpm dlx shadcn@latest add @cult-ui/three-d-carousel

Usage

export default function ThreeDPhotoCarouselDemo() { return ( <div className="w-full max-w-4xl"> <div className="min-h-[500px] flex flex-col justify-center border border-dashed rounded-lg space-y-4"> <div className="p-2"> <ThreeDPhotoCarousel /> </div> </div> </div> ); }