@remotion/effectsv4.0.464
Effects that can be applied to Remotion-based canvas components such as <Solid>, <HtmlInCanvas>, and <Video>.
- Remotion CLI
- npm
- bun
- pnpm
- yarn
npx remotion add @remotion/effects
This assumes you are currently using v4.0.468 of Remotion.npm i --save-exact @remotion/effects@4.0.468
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.This assumes you are currently using v4.0.468 of Remotion.pnpm i @remotion/effects@4.0.468
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.This assumes you are currently using v4.0.468 of Remotion.bun i @remotion/effects@4.0.468
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.This assumes you are currently using v4.0.468 of Remotion.yarn --exact add @remotion/effects@4.0.468
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
contrast()Contrast adjustment effect
duotone()Two-color threshold effect
glow()Soft halo effect
grayscale()Black-and-white effect
hue()Hue rotation effect
invert()Negative color effect
saturation()Saturation adjustment effect
tint()Color tint effect
vignette()Edge darkening or transparency effect
Transform
mirror()Mirror reflection effect
scale()Scale transform effect
xyTranslate()Pixel-based translate effect
uvTranslate()UV-based translate effect
Distort
barrelDistortion()Barrel distortion effect
chromaticAberration()RGB channel split effect
blur()Gaussian blur effect
wave()Sine wave distortion
