v4.0.503

NangoHQ/nangov4.0.503Jul 31, 2026by JonnyBurger

AI Summary

This release introduces WebGPU rendering support via a new canvas component, enhances the Studio editor with custom editor capabilities and improved UI, and strengthens security for Element installations with preflight checks and installation confirmations.

Key Highlights

  • Added `<ThreeWebGPUCanvas>` component for WebGPU rendering support.
  • Studio now supports custom editors and includes an improved editor picker UI.
  • Element installation security is enhanced with preflight checks and confirmation dialogs.
  • CLI updated to manage skills, detect outdated skills, and configure default editors.
  • Added a Chrome extension for canvas capture.

New Features

  • <ThreeWebGPUCanvas> component
  • Custom editor support in Studio
  • Editor picker UI
  • Outdated Agent Skills notification
  • Configurable default editor via CLI
  • Skills auto-update during upgrades
  • Chrome canvas capture extension

Full Release Notes

## What's Changed

* [`@remotion/three`: Add `<ThreeWebGPUCanvas>`](https://www.remotion.dev/docs/three-webgpu-canvas) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9912
* [`@remotion/studio`: Support custom editors](https://remotion.dev/docs/studio/open-in-editor) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9950
* `@remotion/studio`: Add editor picker to inspectors by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9951
* `@remotion/studio`: Add default editor menu by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9935
* `@remotion/studio`: Notify about outdated Agent Skills by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9952
* `@remotion/studio`: Require Element installation dialog for drag & drop by @samohovets in https://github.com/remotion-dev/remotion/pull/9927
* `@remotion/studio`: Refine Element installation confirmation by @samohovets in https://github.com/remotion-dev/remotion/pull/9930
* `@remotion/studio`: Skip Visual Mode subscriptions for library code by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9934
* `@remotion/studio`: Fix source stack resolution in Safari by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9983
* `@remotion/studio`: Fix pointer sessions outside the window by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9985
* `@remotion/studio`: Fix submenu positioning in narrow viewports by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9988
* `@remotion/studio`: Fix modal stacking above floating sidebars by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9990
* `@remotion/studio`: Reduce mobile sidebar widths by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9989
* `@remotion/studio`: Remove splitter hover state by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9956
* `@remotion/studio-server`: Preflight Element installations by @samohovets in https://github.com/remotion-dev/remotion/pull/9926
* `@remotion/studio-server`: Contain Element writes inside the project by @samohovets in https://github.com/remotion-dev/remotion/pull/9925
* `@remotion/studio-protocol`: Allow secure third-party installation requests by @samohovets in https://github.com/remotion-dev/remotion/pull/9928
* `@remotion/studio-protocol`: Document third-party installation security by @samohovets in https://github.com/remotion-dev/remotion/pull/9929
* `@remotion/cli`: Add configurable default editor by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9923
* `@remotion/cli`: Update skills during Remotion upgrades by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9947
* `@remotion/cli`: Detect outdated Remotion skills by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9942
* `@remotion/cli`: Update `npx remotion skills` commands by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9940
* `@remotion/cli`: Warn about mismatched bundler override by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9919
* `@remotion/web-renderer`: Fix nested HTML-in-canvas detection at dpr > 1 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9941
* `@remotion/web-renderer`: Fix font stretch percentage rendering by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9918
* `@remotion/web-renderer`: Preserve transforms for precomposited filters by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9913
* remotion.dev/convert: Make file drops full-screen by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9909

## Templates

* Enable Rspack as default for new projects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9933

## Docs

* Document ANGLE default in Remotion 5 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9949
* Clarify nested HTML-in-canvas support by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9914
* Document v5 measureSpring from/to removal by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9974
* Document v5 visualizeAudio optimizeFor default by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9972
* Document v5 premountFor default on Series.Sequence by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9973
* Document v5 diskSizeInMb defaults in Lambda function info APIs by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9978
* Document v5 TransitionSeries layout="none" removal by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9977
* Fix extractAudio docs for v5 getVideoMetadata removal by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9979
* Make /elements.md resolve by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9976
* Fix localhost audioBitrate link in encoding guide by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9959

## Internal and Experimental

* `@remotion/browser-studio`: Include config in downloaded projects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9910
* remotion.dev/convert: Open canvas captures directly by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9984
* Elements: Add Open Graph preview media by @samohovets in https://github.com/remotion-dev/remotion/pull/9924
* `@remotion/canvas-capture-extension`: Add Chrome extension by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9953
* Add `/canvas-capture-extension` skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9955
* Document skills eval usage by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9986
* Skills: Fix ambiguous embedded skill links by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9981

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.502...v4.0.503