Skip to content
AI Primer
release

Remotion introduces Effects: 50+ shader transitions, post-fx, and keyframes

Remotion released Effects with more than 50 built-in shader transitions and post-processing tools that can be edited interactively, programmatically, or through agents. The release also adds keyframing and component support, including HtmlInCanvas, for richer motion workflows.

3 min read
Remotion introduces Effects: 50+ shader transitions, post-fx, and keyframes
Remotion introduces Effects: 50+ shader transitions, post-fx, and keyframes

TL;DR

  • Remotion shipped Effects, a new effects system with 50+ built-in shader transitions and post-processing tools, according to Remotion's launch post and Remotion's feature list.
  • The package is built for three editing styles: interactive, programmatic, and agentic, as Remotion's feature list puts it.
  • Effects can be combined and keyframed, which turns the release from a preset pack into a deeper motion layer inside Remotion's existing composition workflow, per Remotion's feature list.
  • Remotion says the system already works across many components, including HtmlInCanvas, while community reaction in tequilafunks' post frames it as bringing shader-driven transitions and post-fx directly into native Remotion workflows.

You can jump straight to the launch post, open the get-started page, and watch Remotion's launch demo. The short thread also sneaks in the most practical details fast: Effects can be keyframed, stacked, used with HtmlInCanvas, and even vibe-coded through Remotion Skills, all in Remotion's feature list.

50+ built-in effects

Remotion is positioning this as a first-party effects layer, not a single transition pack. The headline claim is simple: 50-plus built-in effects, spanning both transitions and post-processing tools.

The interesting part for creative teams is that the release bundles shader-style visuals into the main Remotion workflow instead of leaving them as custom one-offs. That is the same shift tequilafunks' reaction called out when they described it as bringing "shader based effects, transitions, post-fx" into Remotion natively.

Interactive, programmatic, and agentic control

Remotion's own feature list breaks the system into four concrete behaviors:

  • Interactive editing
  • Programmatic editing
  • Agentic editing
  • Composable, keyframable effects

That combination matters because it keeps the same visual layer usable across manual timeline tweaking, code-driven generation, and AI-assisted workflows. The release language also suggests Effects are meant to behave like building blocks, since Remotion says they can be combined rather than treated as isolated presets Remotion's feature list.

HtmlInCanvas and Skills

Two implementation details make the release broader than a pure motion add-on. Remotion says Effects are already supported by many components, including HtmlInCanvas, and can be "vibe-coded" using Skills Remotion's feature list.

That pushes the feature into two adjacent creator workflows at once:

  • Canvas-heavy scenes, where HtmlInCanvas support makes effects available inside more complex rendered layouts
  • AI-assisted builds, where Skills gives users a way to generate or modify effect setups through prompting

The launch video in Remotion's launch post is short, but it makes clear this is already framed as part of Remotion's broader code-and-agents toolchain, not a side experiment.

Further reading

Discussion across the web

Where this story is being discussed, in original context.

On X· 2 threads
TL;DR1 post
50+ built-in effects1 post
Share on X