v4.0.536

remotion-dev/remotionv4.0.536Oct 16, 2026by JonnyBurger

Upgrading?

AI Summary

This release introduces a revamped timeline experience in the Studio, featuring rolling edits and interlocking transitions. It adds new APIs for custom components and configuration limits, alongside performance optimizations for off-screen sequences and frame handling. The update also brings support for JPEG XL images and enhanced text editing capabilities.

Key Highlights

  • New timeline experience with rolling edits and interlocking transitions
  • New `Interactive.create()` API for custom components
  • Performance improvements: suspend off-screen updates and prevent frame drops
  • Support for JPEG XL image format
  • Enhanced text editing with double-click to edit and font previews

New Features

  • Interactive.create() for custom components
  • Config.setSequenceActivityLimit() with unlimited default
  • effectsOutputSize for effect-capable components
  • Rolling edits for touching timeline clips
  • Interlocking transitions with rolling edit targets
  • Suspend off-screen sequence updates during playback and seeking
  • Support for JPEG XL format
  • Text editing on preview double-click
  • Font previews on hover and keyboard navigation
  • Match current time duration preset
  • Canvas Capture setup_shot for agentic framing
  • ValidateWebhookSignature() for Lambda Go/Python

Full Release Notes

## What's Changed

- `@remotion/studio`: [New timeline experience!](https://www.remotion.dev/docs/track) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12228
- `@remotion/studio`: [Show unmounted components in the timeline](https://www.remotion.dev/docs/studio/showing-unmounted-components) by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/e9c20e16231019b00d38799a0ad2eced6efffd54
- `remotion`: [Add `Interactive.create()` for custom components](https://www.remotion.dev/docs/interactive-create) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12269
- `@remotion/cli`: [Add `Config.setSequenceActivityLimit()` with unlimited default](https://www.remotion.dev/docs/options/sequence-activity-limit) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12272
- `remotion`: Add `effectsOutputSize` to all effect-capable components by @alec-watts in https://github.com/remotion-dev/remotion/pull/12178
- `@remotion/studio`: Add rolling edits for touching timeline clips by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12224
- `@remotion/studio`: Add interlocking transitions with rolling edit targets by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12229
- `remotion`: Suspend off-screen sequence updates during playback and seeking by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12303
- `remotion`: Fix hold interpolation of custom cursor strings by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/68a0a199a6a411bee921042daba6fc43b945a19d
- `remotion`: Fix cursor desynchronization when moving sequences in Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/5082bef0a99abdd869ef36f9f4b9be9c6f0bdd14
- `remotion`: Update drag previews for hidden components by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/7ac02c1c9f012f669c69654c2c446575801e434f
- `remotion`: Release temporary bitmaps after applying effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12296
- `@remotion/codemods`: Resolve `Interactive` wrappers when inserting compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/438c63398ab482ecac0e2b96397965675ce66c7e
- `@remotion/codemods`: Speed up edits by reusing parsed source by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12295
- `create-video`: Record esbuild script denial in npm projects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12304
- `@remotion/lambda-client`: Count props size in bytes before sending them inline by @parbhatkapila4 in https://github.com/remotion-dev/remotion/pull/12260
- `@remotion/lambda-client`: Default `envVariables` in `getCompositionsOnLambda()` by @parbhatkapila4 in https://github.com/remotion-dev/remotion/pull/12284
- `@remotion/lambda-go`: Add `ValidateWebhookSignature()` by @DeryFerd in https://github.com/remotion-dev/remotion/pull/12244
- `@remotion/lambda-python`: Add `validate_webhook_signature()` by @DeryFerd in https://github.com/remotion-dev/remotion/pull/12286
- `@remotion/media`: Prevent disposed initialization from repainting its replacement by @alec-watts in https://github.com/remotion-dev/remotion/pull/12234
- `@remotion/media`: Avoid stopping audio buffers that never started by @alec-watts in https://github.com/remotion-dev/remotion/pull/12235
- `@remotion/player`: Don't drop frames when a frame update commits after the next tick by @auiphc in https://github.com/remotion-dev/remotion/pull/12121
- `@remotion/renderer`: Fix clipped audio in seamless AAC chunks by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12285
- `@remotion/renderer`: Preserve pixel density in scaled Lambda captures by @Arthur031221 in https://github.com/remotion-dev/remotion/pull/12248
- `@remotion/studio`: Add text action to composition inspector by @samohovets in https://github.com/remotion-dev/remotion/pull/12266
- `@remotion/studio`: Edit text on preview double-click by @samohovets in https://github.com/remotion-dev/remotion/pull/12282
- `@remotion/studio`: Add font previews on hover and keyboard navigation by @samohovets in https://github.com/remotion-dev/remotion/pull/12301
- `@remotion/studio`: Organize settings and add option explainers by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/b0db22ea81e626a5b6a83baff9e072afd036ade2
- `@remotion/studio`: Add Match current time duration preset by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/e26adcb49fbd36aa5ca08474dda3976ac838bd72
- `@remotion/studio`: Add agent context copying to easing menu by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/d17f1baecccd915eae94de1bbf1add124a4d7877
- `@remotion/studio`: Show item count in multi-selection delete action by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/b09893110d9fa4d7470bbe0cac57833a0cdd1293
- `@remotion/studio`: Recognize JPEG XL by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12302
- `@remotion/studio`: Read JPEG XL dimensions from file headers by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12311
- `@remotion/studio`: Draw linear volume curves between keyframes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12232
- `@remotion/studio`: Show `TransitionSeries` sequence trim glow on hover by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/ce6e150fed971688d329a3619514ed81fb351d2f
- `@remotion/studio`: Explain computed values when trimming timeline clips by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/5b322e7cf62a9018c37c8ed47fd31822df3822c2
- `@remotion/studio`: Show the element library menu even when no libraries are added by @samohovets in https://github.com/remotion-dev/remotion/pull/12314
- `@remotion/studio`: Hide unavailable agent hints in Browser Studio by @samohovets in https://github.com/remotion-dev/remotion/pull/12246
- `@remotion/studio`: Hide empty inspector controls section by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/d5f455390933ab7a48d6ca79a5f4f0223234a802
- `@remotion/studio`: Use thinner easing preset previews by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/0f6a044e69bc698db333f80cd673d355c99d5835
- `@remotion/studio`: Keep trim highlights bright on inactive layers by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/1d14292dfe8c2a087f669e3f6d1a9614613bb755
- `@remotion/studio`: Remove trim outlines during rolling edits by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12271
- `@remotion/studio`: Disable audio separation for videos without audio tracks by @samohovets in https://github.com/remotion-dev/remotion/pull/12225
- `@remotion/studio`: Prevent invalid keyframe ranges when trimming by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12220
- `@remotion/studio`: Preserve selection when dragging timeline items by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12221
- `@remotion/studio`: Restore synchronous timeline trimming by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12267
- `@remotion/studio`: Restore composition browser in narrow layouts by @samohovets in https://github.com/remotion-dev/remotion/pull/12226
- `@remotion/studio`: Fix `Track` clip rows and keyframe expansion by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12227
- `@remotion/studio`: Fix false `<Track>` overlaps for audio without explicit durations by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12312
- `@remotion/studio`: Fix source-only edits on clips trimmed by parents by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12288
- `@remotion/studio`: Fix trimming of `TransitionSeries` clips and isolate edge handles by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/ec142d2a81e451ef99b44b5fb3263290d9dac1ef
- `@remotion/studio`: Make `Series` trims consistent by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/688be389a91d6e8945d28709c5f71bb7865fa4d3
- `@remotion/studio`: Trim clipped layers at their visible edge by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/e612bde04220b92d21e747ab5dc9dc35a4c217ca
- `@remotion/studio`: Show complete trim outlines on pointer down by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/97a87b5d91688e2ee8aef4f911783dc39eddcef6
- `@remotion/studio`: Keep nested hidden clip trims live by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/b537eb6d75041008196044c894724859045195da
- `@remotion/studio`: Respect trims in caption timeline labels by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/da3dd12e5c6bdc3d1272cb104024288cb1ec8a7f
- `@remotion/studio`: Fix rolling edit handles clipped at scene boundaries by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/fc6dd243a8d03692660e4e6562ee0ab332757000
- `@remotion/studio`: Fix keyframes clipped by scene boundaries by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/4c47160da57b0bc95046686ef2fc137b570ae624
- `@remotion/studio`: Scope connected composition expansion to tracks by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/89d22aad2757c5d78a7a53ded5e100901a5eafc2
- `@remotion/studio`: Remove extra connected composition spacing by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/935e31f23ec84d41435778b7ad6cd3c84f281dde
- `@remotion/studio`: Fix inherited premount values in Inspector by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12251
- `@remotion/studio`: Fix folder drop targets with alphabetical sorting by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/fb63655c33f4b70351d2fae0de6f1b79b0a1ac82
- `@remotion/studio`: Fix first timeline seek after browser-back navigation by @samohovets in https://github.com/remotion-dev/remotion/pull/12239
- `@remotion/studio`: Fix text flicker when selecting fonts by @samohovets in https://github.com/remotion-dev/remotion/pull/12281
- `@remotion/studio`: Fix undo during font selection by @samohovets in https://github.com/remotion-dev/remotion/pull/12320
- `@remotion/studio`: Fix Rspack build error formatting by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12305
- `@remotion/studio`: Read canvas pixel ratio override from URL by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/29bc3c2c26ff6cf415e751858b59ef8b290a0075
- `@remotion/studio`: Skip timeline caption renders when text is unchanged by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12278
- `@remotion/studio`: Avoid full timeline recalculation during media trims by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12298
- `@remotion/studio`: Isolate time value frame updates by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/07f46c3ff5d16ea3275b58b43344dececf905e06
- `@remotion/web-renderer`: Avoid renderer crash after native canvas paint by @alec-watts in https://github.com/remotion-dev/remotion/pull/12289

## Elements

- Add search to embedded Element library by @samohovets in https://github.com/remotion-dev/remotion/pull/12300
- Hide code access warning for official library installs by @samohovets in https://github.com/remotion-dev/remotion/pull/12261
- Rewrite and restructure Element guidelines by @samohovets in https://github.com/remotion-dev/remotion/pull/12313
- Hide Contributing and Guidelines in Studio iframe by @samohovets in https://github.com/remotion-dev/remotion/pull/12308
- Remove redundant full-canvas wrappers by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12165

## Templates

- Upgrade templates to ESLint 10 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12307

## Docs

- [Add Your first video guide](https://www.remotion.dev/docs/idea) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12237
- [Add Components guide and animation demos](https://www.remotion.dev/docs/components) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12241
- Replace `Sequence` wrappers in code examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12273
- Move code-reading crumb to the code overview by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/325b04089b05bd10588cb247da996f224aeb61aa
- Remove stale `spring()` example and timing editor links by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/4f9643c89a3dbdd6928edf9196b6e4e232c6ec9f
- Add YouTube transcript quote card example by @zealous1 in https://github.com/remotion-dev/remotion/pull/12129
- Clarify total headcount for Company License eligibility by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12256
- Add Microsoft Teams as an Enterprise support channel by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12275
- Add DoneCut to resources by @markksantos in https://github.com/remotion-dev/remotion/pull/12182
- Add Mark Santos to experts by @markksantos in https://github.com/remotion-dev/remotion/pull/12141
- Add Arif Ata Köşker to experts by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12265
- Show the expert's website on their expert page by @markksantos in https://github.com/remotion-dev/remotion/pull/12283
- Fix navbar dropdown wrapping on narrow desktops by @samohovets in https://github.com/remotion-dev/remotion/pull/12319
- Fix GitHub Issues link in README by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/210f0d72141327d5b21252ad3c974b4210b5f1d5

## Internal and Experimental

- [Add Canvas Capture privacy notice (required for Chrome extension)](https://www.remotion.dev/docs/canvas-capture/privacy) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12255
- `@remotion/canvas-capture-extension`: [Add `setup_shot` for agentic framing](https://www.remotion.dev/docs/canvas-capture/agentic-shot-setup) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12247
- `@remotion/canvas-capture-extension`: Add browser setup warnings by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12254
- `@remotion/canvas-capture-extension`: Allow installation to show browser setup warnings by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12257
- `@remotion/canvas-capture-extension`: Remove host access from recording transfers by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12258
- `@remotion/canvas-capture-extension`: Refine capture controls and preview playback by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/75389216da345d189c5d31cb52bcc1f55f3c3b72
- `@remotion/codemods`: Preserve custom cursor keyframes when importing captures by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/b162568c7bff50632840affa9e81a2bbbc443d00
- `@remotion/codemods`: Name imported canvas capture layers by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/f8cf6ad344d345502f8a4867d91aacb130b2a799
- `@remotion/jonnys-videos`: Bake 180-degree rotations into video assets by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/66d7188d4f679d6003fd6e13b1253384b895484f
- `@remotion/jonnys-videos`: Remove `premountFor` props by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/b6ef9a83425835ea1f71dcbbe19bb328877d2b22
- `@remotion/jonnys-videos`: Adjust roller-ski rough cut timing by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/313b0c303ae290532e02aeb11a5a9db66b21a3d9
- remotion.dev/brand: Add audio track rolling edit recording by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/59a4ce1a1914f6404699c78de67231b585e07c41
- remotion.dev/brand: Add perspective and blur to audio rolling edit demo by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/c3bfd9d064e53523614cd0bf8ebada08b1cbe1bc
- remotion.dev/brand: Replace left-trim demo with new timeline recording by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/05286a14120c1ae3100b2d35857b482395e67181
- remotion.dev/brand: Smooth cursor movement in timeline left-drag recording by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/0c9cc081df7311f50ce739f871acda35330316e4
- remotion.dev/brand: Name canvas capture layers by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/637495af0c5a6b04f087e488481d0f0e7c4cda67
- remotion.dev/brand: Premount nested compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12250
- Internal testbed: Simplify Portfolio and browser-test timelines by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12316
- Internal testbed: Simplify video layouts and group timeline tracks by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/44f4ecc52840409c9674350c8d88737c0fb321b1
- Internal testbed: Name canvas capture layer by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/eec27ee81ff9ee31c85c95b11ec032ea92d279f3
- Skills: Use Track and connected compositions in markup examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12317
- Skills: Add color correction and LUT guidance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12287
- Skills: Remove premounting recommendations by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12240
- Skills: Recommend grouping related items on timeline rows by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/dcf9bd50f523b6aedfcb923262c68b09c4f17899
- Skills: Add timeline layout reveal workflow by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12249
- Skills: Add issue attachment guidance by @samohovets in https://github.com/remotion-dev/remotion/pull/12277
- Skills: Remove Canvas Capture browser installation skill by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/c2d6aed309516b9acc9cb2358bf5b0244a130a5b
- Upgrade remaining TypeScript ESLint v8 dependencies by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/12310
- Remove Pi /commit extension by @samohovets in https://github.com/remotion-dev/remotion/pull/12270
- Update GitHub star count to 64K by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/8e391c5551ac0b0188cf18192eeef4a8f6fc2af5

## New Contributors

- @zealous1 made their first contribution in https://github.com/remotion-dev/remotion/pull/12129

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.535...v4.0.536

Related Repositories