Ideal for portfolios, product showcases, and modern UI layouts where interaction matters.
Switch between Hover and Click modes instantly
Hover mode for smooth desktop interactions
Click mode optimized for mobile and accessibility
Built-in UI control for easy testing and demos
Detects cursor entry direction (top, bottom, left, right)
Flips along the corresponding axis
Creates a more natural and responsive feel
Elevates your UI with subtle but powerful motion
Fluid 3D flip animations
Customizable duration and easing
Perspective depth for a realistic effect
Optimized for performance and responsiveness
Front and back images
Border radius
Shadow styling
Perspective intensity
Animation timing & easing
Works seamlessly inside Framer
Fully responsive across breakpoints
Keyboard accessible (Enter / Space support)
Lightweight and easy to integrate
Diplo Flip detects how the cursor enters the card and rotates it along the matching axis. Combined with the ability to toggle between hover and click interactions, it delivers a flexible and intuitive experience across all devices.