3D Hover Flip Card — Interactive card with hover tilt & flip

3D Flip Card Component

Transform your Framer projects with this premium interactive card component featuring smooth animations and engaging hover effects.

Key Features

Interactive 3D Effects

• Magnetic hover with smooth tilt animation

• Dynamic lift effect that follows your cursor

• Realistic shadows that respond to movement

• Buttery smooth flip animation on click

Fully Customizable

• Adjustable card dimensions (width & height)

• Front: Image with fit/fill options

• Back: Custom text with full typography control

• Configurable corner radius

• Custom colors for text and background

Fine-tune Interactions

• Control tilt intensity (0-40°)

• Adjust lift amount for depth effect

• Customize shadow size and color

• Scroll support for long text content

Perfect For

• Portfolio showcases

• Product cards

• Team member profiles

• Feature highlights

• Interactive galleries

• Modern landing pages

Easy to Use

Simply drag the component to your canvas and customize via the properties panel. No coding required!

All effects are optimized for smooth performance across devices.