Skip to content

Parallax Image Card

Smooth parallax image transitions

Parallax Image Card preview image 1

Summary

Parallax Image Card Add depth and movement to your Framer projects with a fully customizable parallax image component.

Description

Parallax Image Card

Add depth and movement to your Framer projects with a fully customizable parallax image component. Designed for interactive cards, portfolios, product showcases, landing pages, and creative galleries.

Upload multiple images and control how they interact with hover and drag movements. Customize the number of layers, card shape, hover duration, return duration, easing, scale step, parallax strength, drag threshold, rotation strength, and drag smoothing to create anything from subtle motion to expressive 3D-style interactions.

Features

  • Multiple image layers

  • Customizable card shape

  • Hover and drag interactions

  • Adjustable hover and return duration

  • Custom easing options

  • Parallax strength control

  • Scale step adjustment

  • Drag threshold control

  • Rotation strength control

  • Drag smoothing

  • Custom border and border width

  • Easy to customize directly in Framer

Built to give you precise control over the interaction while keeping the component simple to set up and reuse across your projects.

Rank history How rankings work →

125015001750194428/199/89/2910/1911/9
  • All · #9442

Details

More like this