@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.469 of Remotion.npm i --save-exact @remotion/effects@4.0.469
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.469 of Remotion.pnpm i @remotion/effects@4.0.469
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.469 of Remotion.bun i @remotion/effects@4.0.469
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.469 of Remotion.yarn --exact add @remotion/effects@4.0.469
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
grayscale()Black-and-white effect
hue()Hue rotation effect
invert()Negative color effect
saturation()Saturation adjustment effect
tint()Color tint effect
Blur & Shadow
Transform
mirror()Mirror reflection effect
scale()Scale transform effect
uvTranslate()UV-based translate effect
xyTranslate()Pixel-based translate effect
Distort
barrelDistortion()Barrel distortion effect
chromaticAberration()RGB channel split effect
wave()Sine wave distortion
Stylize
dotGrid()Source-color dot mask effect
halftone()Source-image halftone effect
lines()Alternating line overlay effect
scanlines()Additive horizontal scanlines
speckle()Random alpha-hole effect
shine()Glossy light sweep effect
vignette()Edge darkening or transparency effect
