@remotion/effectsv4.0.464

Effects that can be applied to Remotion-based canvas components such as <Solid>, <HtmlInCanvas>, and <Video>.

Remotion CLI

npx remotion add @remotion/effects

npm

npm i --save-exact @remotion/effects@4.0.465

This assumes you are currently using v4.0.465 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/effects@4.0.465

This assumes you are currently using v4.0.465 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/effects@4.0.465

This assumes you are currently using v4.0.465 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/effects@4.0.465

This assumes you are currently using v4.0.465 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.

Effects

Color

brightness()

Brightness adjustment effect

grayscale()

Black-and-white effect

hue()

Hue rotation effect

invert()

Negative color effect

saturation()

Saturation adjustment effect

tint()

Color tint effect

Transform

mirror()

Mirror reflection effect

scale()

Scale transform effect

Distort

barrelDistortion()

Barrel distortion effect

blur()

Gaussian blur effect

wave()

Sine wave distortion

Generative

halftone()

Halftone dot grid effect

License

Remotion License