Skip to content

component

Flip Card

By Ævar Bernburg

Details

Summary

Flip Card is an interactive image component that flips smoothly when hovered.

Description

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.

Introduction

Card that flips on hover

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400156908/148/228/309/79/15
  • All · #5036