@remotion/motion-blurv3.2.31

Higher order components that create motion blur and trail effects.

See the motion blur guide for a comparison of the three approaches and live demos.

Remotion CLI

npx remotion add @remotion/motion-blur

npm

npm i --save-exact @remotion/[email protected]

This assumes you are currently using v4.0.529 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

bun

pnpm i @remotion/[email protected]

This assumes you are currently using v4.0.529 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

pnpm

bun i @remotion/[email protected]

This assumes you are currently using v4.0.529 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

yarn

yarn --exact add @remotion/[email protected]

This assumes you are currently using v4.0.529 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

Components

<HtmlInCanvasMotionBlur>

Sample HTML across a frame for the best motion blur result

<CameraMotionBlur>

Add a natural camera motion blur effect to children

<Trail>

Add a trail effect to children

License

MIT