MotionBlur
Images that react to scroll speed. Blur intensity, directional streaks, and chromatic aberration are all driven by velocity — scroll slow and everything stays crisp, scroll fast and it streaks like a camera in motion. Includes aspect ratio presets and scale.
About this Component
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
Add MotionBlur to your canvas and assign an image
Pick an Aspect Ratio to keep proportions consistent
Choose a Direction — Vertical, Horizontal, or Gaussian
Adjust Max Blur, Sensitivity, and Smoothing to taste
Preview and scroll — the effect only runs in preview and on the published site
