3D Reveal Carousel – Tilted Property Carousel with Click-to-Reveal Details
3D Reveal Carousel is a modern, interactive Framer component that transforms a row of property images into a bold, three-dimensional showcase. Instead of showing a flat image grid, it displays tilted 3D cards by default, and reveals the location, project name, sketch illustration, and description on the active card the moment a visitor navigates to it. Left and right arrow navigation lets visitors browse through every project, giving your real estate, architecture, or portfolio site a premium, editorial feel with almost no setup required.
3D Tilt Interaction
Cards tilt in 3D perspective for a dynamic, layered visual effect.
Arrow navigation moves through cards left or right on click.
Active card reveals location, project name, sketch illustration, and description.
Smooth transitions feel natural and intentional between slides.
Fully responsive and optimized for modern GPU-accelerated performance.
Customizable Design Controls 3D Reveal Carousel includes full Framer property controls so you can instantly match it to your brand or layout.
Customize
Slides – Add, remove, or reorder as many properties as needed.
Main Image – Assign a unique main image to each card.
Small Image – Add a sketch or icon illustration to each card.
Location – Edit the location text per card.
Project Name – Edit the project title per card.
Description – Edit the body text per card.
Location Icon & Icon Color – Customize the pin icon and its color.
Button Image – Customize the arrow navigation icon.
How It Works 3D Reveal Carousel tracks arrow click events to move between cards. When a visitor clicks the arrow, the component smoothly animates the cards in 3D space, bringing the next card into focus while revealing its location, project name, sketch illustration, and description. The surrounding cards tilt and recede, keeping visual focus on the active property, making the experience feel fluid.
3D Reveal Carousel – Tilted Property Carousel with Click-to-Reveal Details
3D Reveal Carousel is a modern, interactive Framer component that transforms a row of property images into a bold, three-dimensional showcase. Instead of showing a flat image grid, it displays tilted 3D cards by default, and reveals the location, project name, sketch illustration, and description on the active card the moment a visitor navigates to it. Left and right arrow navigation lets visitors browse through every project, giving your real estate, architecture, or portfolio site a premium, editorial feel with almost no setup required.
3D Tilt Interaction
Cards tilt in 3D perspective for a dynamic, layered visual effect.
Arrow navigation moves through cards left or right on click.
Active card reveals location, project name, sketch illustration, and description.
Smooth transitions feel natural and intentional between slides.
Fully responsive and optimized for modern GPU-accelerated performance.
Customizable Design Controls 3D Reveal Carousel includes full Framer property controls so you can instantly match it to your brand or layout.
Customize
Slides – Add, remove, or reorder as many properties as needed.
Main Image – Assign a unique main image to each card.
Small Image – Add a sketch or icon illustration to each card.
Location – Edit the location text per card.
Project Name – Edit the project title per card.
Description – Edit the body text per card.
Location Icon & Icon Color – Customize the pin icon and its color.
Button Image – Customize the arrow navigation icon.
How It Works 3D Reveal Carousel tracks arrow click events to move between cards. When a visitor clicks the arrow, the component smoothly animates the cards in 3D space, bringing the next card into focus while revealing its location, project name, sketch illustration, and description. The surrounding cards tilt and recede, keeping visual focus on the active property, making the experience feel fluid.
