v4.0.502

remotion-dev/remotionv4.0.502Jul 30, 2026by JonnyBurger

AI Summary

This release stabilizes Rspack as an opt-in build tool and introduces the Studio Protocol for Element installation. It also adds features for rendering multiple stills simultaneously and improves the Studio's UI/UX.

Key Highlights

  • Rspack is no longer experimental (opt-in)
  • Renderer supports rendering multiple stills via `--frames=0,10,20`
  • Introduction of Studio Protocol for Element installation
  • Improved Studio UI (narrow preview layout, error overlay)

New Features

  • Rspack stabilization
  • Multiple stills rendering
  • Studio Protocol implementation
  • Browser studio sequence props support
  • Raster URL masks in web-renderer

Full Release Notes

## What's Changed

* **Rspack is not experimental anymore, still opt-in** by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9889
* `@remotion/renderer`: Render multiple stills: `--frames=0,10,20` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9888
* `@remotion/renderer`: Fix parallel browser downloads by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9882
* `@remotion/studio`: Fix seeking in read-only Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9905
* `@remotion/studio`: Improve narrow preview layout by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9900
* `@remotion/studio`: Align update button colors by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9898
* `@remotion/studio`: Improve unsymbolicated error overlay by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9890
* `@remotion/studio`: Open asset picker when adding assets by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9865
* `@remotion/studio-server`: Resolve composition source locations by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9894
* `@remotion/studio-server`: Import staticFile when changing media sources by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9887
* `@remotion/studio-server`: Resolve JSX elements by column by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9872
* `@remotion/studio-server`: Implement Studio Protocol installation by @samohovets in https://github.com/remotion-dev/remotion/pull/9878
* `@remotion/studio-server`: Limit Studio Protocol request bodies by @samohovets in https://github.com/remotion-dev/remotion/pull/9863
* [`@remotion/studio-protocol`: Document the Studio Protocol](https://remotion.dev/docs/studio-protocol) by @samohovets in https://github.com/remotion-dev/remotion/pull/9881
* `@remotion/studio-protocol`: Adopt the protocol in Remotion Elements by @samohovets in https://github.com/remotion-dev/remotion/pull/9879
* `@remotion/studio-protocol`: Stabilize Element install contract by @samohovets in https://github.com/remotion-dev/remotion/pull/9832
* `@remotion/studio-protocol`: Fix malformed response classification by @samohovets in https://github.com/remotion-dev/remotion/pull/9860
* `@remotion/studio-protocol`: Rename the drag-and-drop package by @samohovets in https://github.com/remotion-dev/remotion/pull/9877
* `@remotion/browser-studio`: Support saving sequence props by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9897
* `@remotion/browser-studio`: Support sequence prop subscriptions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9883
* `@remotion/browser-studio`: Support default props subscriptions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9867
* `@remotion/web-renderer`: Support raster URL masks by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9861
* `@remotion/promo-pages`: Fix pricing card alignment by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9895
* `@remotion/promo-pages`: Render homepage videos after hydration by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9893
* remotion.dev/convert: Preview rotation and mirroring in player by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9859

## Docs

* Remove redundant Sequence wrappers from examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9862

## Internal

* `@remotion/studio-protocol`: Test Element installation in a clean Studio project by @samohovets in https://github.com/remotion-dev/remotion/pull/9880
* Skills: Format JSX examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9873
* `@remotion/cli`: Pin skills CLI to 1.5.20 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9868

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