@remotion/effectsv4.0.464
Effects that can be applied to Remotion-based canvas components.
- Remotion CLI
- npm
- bun
- pnpm
- yarn
npx remotion add @remotion/effects
This assumes you are currently using v4.0.473 of Remotion.npm i --save-exact @remotion/effects@4.0.473
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.473 of Remotion.pnpm i @remotion/effects@4.0.473
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.473 of Remotion.bun i @remotion/effects@4.0.473
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.473 of Remotion.yarn --exact add @remotion/effects@4.0.473
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.Supported components
Pass effects through the effects prop of these components:
Effects
Color
brightness()Brightness adjustment effect
contrast()Contrast adjustment effect
colorKey()Remove a key color (greenscreen)
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
blur()Gaussian blur effect
linearProgressiveBlur()Gradient-controlled blur effect
dropShadow()Blurred alpha shadow effect
glow()Soft halo effect
Reveal
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
fisheye()Ultra-wide-angle lens effect
wave()Sine wave distortion
Stylize
dotGrid()Source-color dot mask effect
halftone()Source-image halftone effect
noise()Procedural grain effect
pixelDissolve()Pixelated dissolve effect
scanlines()Additive horizontal scanlines
speckle()Random alpha-hole effect
shine()Glossy light sweep effect
vignette()Edge darkening or transparency effect
Generate
halftoneLinearGradient()Procedural dot gradient effect
whiteNoise()Random grayscale noise layer
lines()Alternating line pattern effect
rings()Concentric ring pattern effect
waves()Wavy band pattern effect
zigzag()Zig-zag band pattern effect
lightLeak()Light leak overlay effect
starburst()Starburst ray effect