Skip to content

Image Flex Filter

Interactions Component

Image Flex Filter preview image 1

Summary

Interactions Component

Description

This Framer component transforms any image into a dynamic, interactive experience that responds to your mouse movement with RGB channel separation, pixel displacement, and subtle motion distortion.

Features

  • Custom Image Upload — Swap in any image via Framer controls.

  • Real-Time Shader Effects — RGB shift, pixel grid distortion, and mouse-reactive parallax.

  • Hover Interaction — Image glitches and comes to life when hovered, returning smoothly to its original state.

  • Fully Responsive — Adjusts beautifully to any frame size.

Perfect For

  • Portfolio hero sections

  • Product showcase pages

  • Experimental landing pages

  • Creative branding

Rank history How rankings work →

110012001300134388/149/59/2710/1911/10
  • All · #3438

Details

More like this