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.
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.