A customizable 3D flip card for Framer that flips on hover. Front side shows an image, back side plays a video, with option to show text and full property controls.
Made with Workshop
Build your own component with AI
The 3D Flip Card component brings an interactive, modern effect to your Framer projects. On hover or tab, the card smoothly flips in 3D, revealing a video on the back side. Perfect for portfolios, product showcases and for key features.
Key Features
Front face: Display any image.
Back face: Play a video (autoplay, loop, muted, or play-on-hover).
Text Support: Add custom text to either side of the card. Choose position (top, bottom, left, right), adjust spacing, and style it with full text editor controls (font, size, color.)
Custom Styling:
Shadow controls.
Adjustable radius.
Border customization (color, width, style).
Background color controls.
Mobile Friendly: Option to enable/disable click-to-flip for touch devices.
Responsive: Scales with your layout and keeps smooth transitions.