Blur Transition

Show Preview
Blur Transition
Blur Transition

About Blur Transition

This component creates an interactive image transition with a directional blur effect using Three.js.

It blends between two images based on mouse movement, applying a blur that intensifies with cursor velocity or position.

The component provides Framer controls to customize the images, blur intensity, transition speed, and trigger mode.

From yahya

Cycling Rings
Glyph Animator
WEBGL Hover
Elastic Line

Related Components

Gradient Depth Blur
Pro Liquid Shader
Confetti Heart
Fluid Image