Motion Blur

Velocity-driven motion blur — samples element position each frame and applies a one-sided SVG feGaussianBlur ghost trail proportional to speed

Velocity-driven motion blur — samples element position each frame and applies a one-sided SVG feGaussianBlur ghost trail proportional to speed

effect motion-blur velocity animation physics

Add it to a project

Ask your agent

Add the Motion Blur component from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.

Terminal

npx hyperframes add motion-blur

Details

Property	Value
Type	Component

Installed files

File	Target	Type
motion-blur.html	compositions/components/motion-blur.html	hyperframes:snippet

Use it

Ask your agent to apply the component to the intended element and preserve the project’s existing timing.

Wiring it by hand. Open compositions/components/motion-blur.html and paste its contents into your composition. The comment header in that file contains any item-specific instructions.