@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
dropShadow()Blurred alpha shadow 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
uvTranslate()UV-based translate effect
xyTranslate()Pixel-based translate effect
Distort
barrelDistortion()Barrel distortion effect
blur()Gaussian blur effect
chromaticAberration()RGB channel split effect
wave()Sine wave distortion
Generative
dotGrid()Source-color dot mask effect
halftone()Halftone dot grid effect
halftoneLinearGradient()Linear dot size gradient
lightLeak()Light leak overlay effect
noise()Procedural grain effect
scanlines()Additive horizontal scanlines
shine()Glossy light sweep effect
speckle()Random alpha-hole effect
starburst()Starburst ray effect