Infinite 3d Carousel

The carousel is designed to feel fluid and responsive across autoplay, dragging, and card transitions.

Features

• Infinite looping carousel behavior

• Overlapping cards with customizable spacing

• Adjustable autoplay speed

• Forward and backward autoplay direction controls

• Pointer and touch dragging

• Momentum-based release after dragging

• Adjustable edge blur for depth separation

• Customizable side-card rotation and tilt

• Custom image alt text support

• Adjustable card width and height

• Adjustable corner radius

• Customizable carousel background

• Adjustable drag sensitivity

• Works with any number of image items

• No external setup or additional code required

Customization controls

Use the component controls to customize the image items, card dimensions, corner radius, background, blur amount, drag sensitivity, autoplay state, autoplay speed, autoplay direction, perspective, side rotation, side tilt, and card overlap.

Interaction and motion

The carousel automatically advances while visible when autoplay is enabled. Visitors can drag the cards horizontally or release them with momentum to move through the carousel.

Best for

Use Infinite 3D Carousel for portfolios, photography websites, agency showcases, product galleries, editorial layouts, landing pages, and any Framer project that needs a visually rich image carousel with smooth interaction and minimal configuration.