Flip Card

Flip Card for Framer

The Flip Card is an interactive image component that flips smoothly when hovered. The animation direction depends on the side where the cursor enters, creating a natural and engaging effect. It’s perfect for image galleries, portfolios, or any layout where you want to reveal content in a playful but polished way.

Interactive Flip Effects

• Flips on hover based on the side of cursor entry

• Smooth, animations

• Backside image revealed

Customizable Design Controls

• Front and back images

• Corner radius

• Flip duration

• Flip easing

How It Works

When the cursor enters the card, the component detects the entry side and rotates along the corresponding axis. The motion uses smooth transforms and easing, resulting in a responsive and consistent interaction.