Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a 3D slideshow component recreated in Framer, originally created by Tanya Prokofieva. Click to navigate, and watch a smooth 3D slideshow that gives your content a dynamic presence, with smooth transitions and 3D effects. Simply copy and paste it into your Framer project, then customize the cards to match your design. No code needed—just pure Framer magic!
This component is a great example of what's possible in Framer with the use of components and interactions. I created this 3D slideshow using two components: one for the card itself (active and inactive states) and another to wrap them together. I applied absolute positioning to move the cards on click, while keeping the center card in relative position. To make it all smooth, I set up three different variants that the cards switch between as you move through the slideshow. For that cool 3D effect, I added depth and 3D rotation values to the cards. The finishing touch was adding click interactions to each card – so when you click one, it smoothly animates into the spotlight.
This component is a great example of what's possible in Framer with the use of components and interactions. I created this 3D slideshow using two components: one for the card itself (active and inactive states) and another to wrap them together. I applied absolute positioning to move the cards on click, while keeping the center card in relative position. To make it all smooth, I set up three different variants that the cards switch between as you move through the slideshow. For that cool 3D effect, I added depth and 3D rotation values to the cards. The finishing touch was adding click interactions to each card – so when you click one, it smoothly animates into the spotlight.
This component is a great example of what's possible in Framer with the use of components and interactions. I created this 3D slideshow using two components: one for the card itself (active and inactive states) and another to wrap them together. I applied absolute positioning to move the cards on click, while keeping the center card in relative position. To make it all smooth, I set up three different variants that the cards switch between as you move through the slideshow. For that cool 3D effect, I added depth and 3D rotation values to the cards. The finishing touch was adding click interactions to each card – so when you click one, it smoothly animates into the spotlight.
The three variants of the 3D slideshow component.
The three variants of the 3D slideshow component.
The three variants of the 3D slideshow component.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
