component
Blur Transition
By yahya
Details
- yahyaAuthor
- componentType
- 2026-08-04Published
- 2026-08-04Updated
- 2026-08-04Added
- EffectsCategories
Summary
A Motion Blur Image Transition
Description
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.
Introduction
A Motion Blur Image Transition
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2647