About 3D Animated Carousel
About this component
Add a cinematic 3D image carousel to your Framer project, with a built-in intro animation that makes an instant first impression.
What's different?
The intro animation: cards fly in from a spread position and settle into the carousel ring on load, giving your site that high-end, motion-first feel right from the first second.
Upload your images, adjust the controls, and you're done.
Customizable options:
Images: Connect up to any number of images directly in Framer
Item Count: Control how many cards appear in the carousel ring
On Canvas: Pause or play the animation while editing in Framer canvas
Intro Animation: Toggle the cinematic fly-in entrance on or off
Intro Delay: Set how long after page load the intro animation triggers
Intro Duration: Control how long the entrance animation takes to complete
Start Speed & End Speed: Define how fast the carousel moves at the beginning and end of the intro
Start Gap & End Gap: Set how spread out the cards are at the start versus their final resting position
Auto Rotate: Toggle continuous rotation on or off
Direction: Choose Left or Right rotation direction
Distance: Adjust the 3D depth radius of the carousel ring
Corner Radius: Round the corners of each card
Image Width & Height: Set the exact size of each card in the carousel
Designed for Framer designers who want motion-forward layouts without writing a single line of code. Perfect for hero sections, portfolio showcases, product highlights, and anywhere you want the visuals to do the talking.
