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
The AI that really does things. Any OS. Any Platform. The lobster way. 🦞
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
Reverse engineer anything with agents, from app behavior down to native binaries.
The open source coding agent.
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.