@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
lines()Alternating line overlay effect
noise()Procedural grain effect
whiteNoise()Random grayscale noise layer
scanlines()Additive horizontal scanlines
shine()Glossy light sweep effect
speckle()Random alpha-hole effect
starburst()Starburst ray effect