Framer Component
Card Flip
Connect two separate layers for the front and back sides of a card, and flip it over on click or hover.
Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.
Type
Code Component
Free
No
Last Updated
May 17, 2024
Copy and paste the component into your Framer project and use the property controls on the right side to customize and configure it for your website.
Create two layers outside of the page breakpoint, one for the front and one for the back. Then use the handle on the right side of the component to connect them or select them from the dropdown lists.
If the component's width or height is set to auto, you can choose which layer the component's size fits to with the "Fit To" property.
