v4.0.491

remotion-dev/remotionv4.0.491Jul 18, 2026by JonnyBurger

AI Summary

This release introduces client-side rendering, new AI-powered code plugins (Claude and Kimi), and stabilizes the @remotion/media package. It also adds new effects and significant improvements to the Studio editor's interactivity and workflow.

Key Highlights

  • Introduction of client-side rendering capabilities
  • New AI plugins: @remotion/claude-code-plugin and @remotion/kimi-code-plugin
  • @remotion/media package is now stable and recommended
  • New effects: liquidContours and skew
  • Studio improvements: resizing media clips and inspector enhancements

New Features

  • Client-side rendering implementation
  • AI code generation plugins
  • ProRes decoding error handling
  • Shared audio tag pool performance improvements
  • Nested HTML-in-canvas support for Chrome 152+

Full Release Notes

## What's Changed

- [**Introducing client-side rendering!**](https://www.remotion.dev/docs/client-side-rendering/) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9153
- [`@remotion/media`: **Now stable and recommended!**](https://www.remotion.dev/docs/media/) by @JonnyBurger
- `remotion`: Improve shared audio tag pool performance by @Octember in https://github.com/remotion-dev/remotion/pull/9159
- `remotion`: Include source path in visual editing keys by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9174
- `@remotion/web-renderer`: Improve client-side render performance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9124
- **Support nested HTML-in-canvas for Chrome 152+ and use it for `@remotion/web-renderer`** by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9101
- `@remotion/media`: Fix transparent video ghost trails by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9231
- `@remotion/media`: Throw a helpful error when ProRes decoding is not enabled by @sksingh2005 in https://github.com/remotion-dev/remotion/pull/9082
- [`@remotion/effects`: Add liquidContours effect + Element](https://remotion.dev/docs/effects/liquid-contours) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9164
- [`@remotion/effects`: Add skew() effect](https://remotion.dev/docs/effects/skew) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9190
- `@remotion/compositor`: FFmpeg binary no more has `--enable-nonfree` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9104
- `@remotion/studio`: Allow resizing media clips in the timeline by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9109
- `@remotion/studio`: Fix video thumbnails for trimmed sequences by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9110
- `@remotion/studio`: Adapt dynamic Elements to compositions by @samohovets in https://github.com/remotion-dev/remotion/pull/9111
- `@remotion/studio`: Cut selected effects by @samohovets in https://github.com/remotion-dev/remotion/pull/9113
- `@remotion/studio`: Open canvas elements in editor on double-click by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9132
- `@remotion/studio`: Increase timeline horizontal padding by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9135
- `@remotion/studio`: Support `2 * fps` in Interactivity by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9139
- `@remotion/studio`: Disable toolbar toggles in read-only Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9150
- `@remotion/studio`: Allow copying SVG when right-clicking `<Interactive.Svg>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9166
- `@remotion/studio`: Add inspector location copy button by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9103
- `@remotion/studio`: Move textarea below its label by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9102
- `@remotion/studio-server`: Improve Studio codemod logs by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9133
- `@remotion/transitions`: Make series sequences interactive in Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9141
- `@remotion/transitions`: Make transition items selectable in Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9147
- `@remotion/brand`: Add inline SVG logo compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9145
- `@remotion/brand`: Add SVG logo banners by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9165
- **`@remotion/claude-code-plugin`: Add Claude Code plugin** by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9125
- [`@remotion/claude-code-plugin`: Add dedicated documentation](https://remotion.dev/docs/ai/claude-code-plugin) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9134
- [**`@remotion/kimi-code-plugin`: Add Kimi Code plugin**](https://remotion.dev/docs/ai/kimi-code-plugin) by @samohovets in https://github.com/remotion-dev/remotion/pull/9187

## Docs

- Add Motion Design Systems page by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9138
- Recommend @remotion/media in more guides by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9122
- Prefer @remotion/media in more examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9123
- Recommend @remotion/media in video tag comparison by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9149
- Clarify media preloading and premounting by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9146
- Deprecate Remotion MCP by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9148
- Show adaptive Element dimensions by @samohovets in https://github.com/remotion-dev/remotion/pull/9120
- [Consolidate FFmpeg licensing notes into acknowledgements](https://remotion.dev/docs/miscellaneous/ffmpeg-license) by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/9185
- [Add T&Cs to the docs](https://remotion.dev/docs/license/terms) by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/8949
- [Add Privacy Policy to docs](https://remotion.dev/docs/license/privacy) by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/9186
- [Add DPA and DPIA Statements to docs](https://remotion.dev/docs/license/dpa) by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/9188
- Add FAQ item on remotion.dev vs remotion.pro by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/9232

## Internal

- `@remotion/skills`: Link public skills for agents by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9126
- `@remotion/example`: Improve independent timeline interactivity by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9106
- `@remotion/it-tests`: Retry flaky Windows rendering tests by @samohovets in https://github.com/remotion-dev/remotion/pull/9181
- Elements: Require exit animations for animated Elements by @samohovets in https://github.com/remotion-dev/remotion/pull/9173
- Elements: Add guidelines page by @samohovets in https://github.com/remotion-dev/remotion/pull/9179
- Elements: Link to progress tracker by @samohovets in https://github.com/remotion-dev/remotion/pull/9180
- Elements: Fix Agent Skills link by @samohovets in https://github.com/remotion-dev/remotion/pull/9182
- Speed up docs startup with parallel Twoslash prewarming by @samohovets in https://github.com/remotion-dev/remotion/pull/9157
- Share Twoslash cache between worktrees by @samohovets in https://github.com/remotion-dev/remotion/pull/9183
- Add Element contribution skills by @samohovets in https://github.com/remotion-dev/remotion/pull/9112
- Add upstream main update skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9115
- Clarify PR naming conventions by @samohovets in https://github.com/remotion-dev/remotion/pull/9121
- Republish templates during releases by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9131
- Monitor Remotion Vercel deployment by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9167
- Add Pullfrog extension for `pi` by @samohovets in https://github.com/remotion-dev/remotion/pull/9085
- Fix Pullfrog monitor feedback handling by @samohovets in https://github.com/remotion-dev/remotion/pull/9119
- Fix typo in mediabunny SKILL.md by @mbender850-hub in https://github.com/remotion-dev/remotion/pull/9162
- Elements: Add Location Lower Third by @samohovets in https://github.com/remotion-dev/remotion/pull/9130
- Elements: Add notebook paper background by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9177
- Elements: Add Lower Third exit animation by @samohovets in https://github.com/remotion-dev/remotion/pull/9178
- Elements: Focus Studio tab during installation by @samohovets in https://github.com/remotion-dev/remotion/pull/9184

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.490...v4.0.491