MotionBlur

MotionBlur
MotionBlur

About MotionBlur

About

Velocity-driven motion blur for images. Scroll slow — crisp. Scroll fast — directional streaks with chromatic aberration. Built with SVG filters, not CSS blur. Blur intensity, RGB shift, and desaturation all scale automatically with scroll speed.

Details

  1. Add MotionBlur to your canvas and assign an image

  2. Pick an Aspect Ratio to keep proportions consistent

  3. Choose a Direction — Vertical, Horizontal, or Gaussian

  4. Adjust Max Blur, Sensitivity, and Smoothing to taste

  5. Preview and scroll — the effect only runs in preview and on the published site

From Flowit Supply

Pixelate Hover Trail
LiquidFolio
Image Preloader
ShiftTabs

Related Components

Scroll Blur by Aki
Logo Stage Pro
Progressive Blur
Scroll Zoom Reveal