Remotion Ships 50+ Video Effects React Developers can Control With AI

Remotion Effects is a new first-class API that lets you manipulate pixels on canvas-based video components directly, with more than 50 built-in effects available out of the box. The feature ships in v4.0.464 of the framework and covers everything from blur and glow to chromatic aberration, halftone, and barrel distortion. More importantly, it is designed to work three ways at once: manually in code, interactively in Remotion Studio, and agentically through AI coding tools like Claude Code.

What Remotion actually is

The core idea behind Remotion is to describe your video as React components rather than using a timeline-based editor. A video is essentially a React application that knows which frame is currently being displayed. For React developers who want to generate videos at scale or build automated video pipelines, Remotion is arguably the best tool available.

Remotion uses a headless browser to capture frames at 30 or 60 fps, then FFmpeg compiles thousands of screenshots into a fluid MP4. The result is a fully deterministic, version-controlled video pipeline that lives in your repo alongside your application code.

The effects system, explained

Pixels of canvas-based components can be manipulated using effects. The API is simple: you pass an array of effect functions to an effects prop on any supported component. Multiple effects can be combined, and they apply in the order they are specified.

import { Video } from '@remotion/media';
import { blur } from '@remotion/effects/blur';
import { chromaticAberration } from '@remotion/effects/chromatic-aberration';
export const MyComp = () => (
  <Video
    src="https://remotion.media/video.mp4"
    effects={[
      blur({ radius: 20 }),
      chromaticAberration({ offset: 5 }),
    ]}
  />
);