Kinetic 3D Carousel

A highly customizable 3D image carousel designed to display visual content in a continuous spatial loop and provide fluid, momentum-based interactions.

Features

• Adjustable card dimensions and gap spacing for precise layout control.

• 3D perspective and axis rotation controls for defining structural depth and viewing angles.

• Configurable Z-axis displacement and spatial rotation on hover for interactive depth scaling.

• Active hover speed multipliers for slowing momentum to focus on specific content.

• Baseline speed and direction controls for establishing an automated idle rhythm.

• Momentum-based dragging and keyboard navigation for natural, frictionless user interaction.

• Customizable corner radius for cohesive integration with existing UI systems.

• Native image loading states and reduced motion queries for optimized performance and accessibility.

How to Use

• Place the component onto your Framer canvas.

• Add your visuals in the images property panel.

• Adjust the component properties to dictate composition and behavior.

• Publish your project to take the component live.

Orchestrate continuous spatial motion into a precise, interactive visual rhythm.