v4.0.487

ItzCrazyKns/Vanev4.0.487Jul 9, 2026by JonnyBurger

AI Summary

A patch release introducing ProRes support, new visual effects like roughenEdges, canvas snapping for outlines, and various UI/UX improvements across the Studio and media packages.

Key Highlights

  • Added ProRes support and upgraded Mediabunny to 1.50.7
  • Introduced the roughenEdges visual effect
  • Added canvas snapping for outlines in the Studio
  • Improved interactivity by supporting Easing.cubic
  • Fixed buffering listener leaks and improved media duration handling

New Features

  • ProRes support
  • roughenEdges effect
  • Canvas snapping for outlines
  • Page responsiveness option
  • Open in Explorer menu item

Full Release Notes

## What's Changed

* `@remotion/media`: **Add ProRes support and upgrade Mediabunny to 1.50.7** by @samohovets in https://github.com/remotion-dev/remotion/pull/8740
* `@remotion/media`: Ensure we always get the right duration from mediabunny frame by peeking by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8917
* `@remotion/studio`: Align visual controls in inspector by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8941
* `@remotion/studio`: Allow Elements to inherit composition dimensions by @sksingh2005 in https://github.com/remotion-dev/remotion/pull/8919
* `@remotion/studio`: Show component location in composition inspector by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8927
* `@remotion/studio`: Type drag MIME classifications by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8931
* `@remotion/studio`: Fix render dialog tooltips by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8920
* `@remotion/studio`: Add Open in Explorer menu item by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8896
* `@remotion/studio`: Preserve outline drag cursor by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8873
* `@remotion/studio`: Select inspector on Studio selection by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8870
* `@remotion/studio`: **Add canvas snapping for outlines** by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8848
* `@remotion/studio-server`: Press "s" in terminal to re-open Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8904
* `@remotion/studio-server`: Support Easing.cubic in interactivity by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8869
* [`@remotion/effects`: Add roughenEdges effect](https://remotion.dev/docs/effects/roughen-edges) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8932
* remotion.dev/trim by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8845
* remotion.dev/convert: Add homepage tool links by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8929
* remotion.dev/convert: Rename same-codec action to Re-encode by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8897
* remotion.dev/convert: Disable video copy for edits by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8893
* remotion.dev/convert: Improve mobile trim controls by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8874
* remotion.dev/convert: Hide preview after parse errors by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8866
* remotion.dev/convert: Preserve edit output container by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8862
* remotion.dev/convert: Preserve crop size when panning by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8853
* `@remotion/web-renderer`: Ignore transforms on inline elements by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8872
* [`@remotion/web-renderer`: Add page responsiveness option](https://remotion.dev/docs/client-side-rendering/page-responsiveness) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8857
* `@remotion/player`: Revert custom play button focus outline by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8905
* `@remotion/promo-pages`: Change homepage: Make videos agentically ∙ programmatically ∙ interactively by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8830
* `remotion`: Fix buffering listener leak and only emit `waiting`/`resume` on transitions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8914
* `remotion`: Extract media-sync decision logic into a pure function by @iliya-vidrush in https://github.com/remotion-dev/remotion/pull/8936
* `remotion`: Replace deprecated `MutableRefObject` with `RefObject` by @iliya-vidrush in https://github.com/remotion-dev/remotion/pull/8891

## Templates

* Recorder: Hide recorder internals from timeline by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8937

## Docs

* Document transparent WebM Lambda artifacts by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8945
* Sync generated system prompt by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8944
* Sync llms.txt system prompt by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8875
* [Move video docs into videos section](https://remotion.dev/docs/videos/video-manipulation) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8928
* Use @remotion/media in more examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8926
* Use @remotion/media in docs examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8883
* Recommend @remotion/media for videos by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8902
* Recommend @remotion/media tags by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8899
* Clarify media tag docs by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8913
* Reframe media reference pages by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8906
* Update Player media loading guidance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8911
* Fix starburst effect preview colors by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8915
* Add rotating starburst element by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8900
* Clean up Lower Third element by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8881
* Add documentation writing guidelines by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8909
* Add interactive element name guidance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8880
* Improve interactivity best practices by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8861
* Move Convert link to Products navbar by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8910
* [Restructure license docs URLs](https://remotion.dev/docs/license/pricing) by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/8921
* Add Enterprise License benefits FAQ item by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/8871
* Add FAQ on signing up for a Remotion license/account by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/8867
* Add FAQ item Remotion's source-available status by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/8859
* Add GDPR Compliance Note for licensing package by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/8860

## Internal

* `@remotion/example`: Snap media FPS to common values by @samohovets in https://github.com/remotion-dev/remotion/pull/8851
* Build(deps): Bump golang.org/x/crypto from 0.35.0 to 0.52.0 in /packages/lambda-go by @app/dependabot in https://github.com/remotion-dev/remotion/pull/8923
* Add dev surface launch skills by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8930

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.486...v4.0.487