Starstruk Logo MarkStarstruk

v4.0.487

amruthpillai/reactive-resumev4.0.487Jul 9, 2026by JonnyBurger

AI Summary

This release upgrades media handling capabilities by adding ProRes support and introduces a new roughenEdges visual effect. It significantly enhances the Studio UI with features like canvas snapping, improved inspector controls, and new interaction tools such as composition inheritance and file exploration.

Key Highlights

  • Added ProRes support and upgraded Mediabunny to version 1.50.7
  • Added canvas snapping for outlines in the Studio
  • Introduced roughenEdges effect for visual styling
  • Added page responsiveness option for @remotion/web-renderer
  • Enhanced Studio inspector with component location tracking and 'Open in Explorer' menu

New Features

  • ProRes support in @remotion/media package
  • Canvas snapping for outlines
  • RoughenEdges effect
  • Page responsiveness option for web-renderer
  • 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