v4.0.500

aidenybai/react-grabv4.0.500Jul 27, 2026by JonnyBurger

AI Summary

Adds item cropping capabilities, SVG paint controls, and deprecates legacy bundler signatures. Also upgrades to React Router 8 and adds a new push cut presentation transition.

Key Highlights

  • Allow cropping of items
  • SVG paint controls
  • React Router 8 upgrade
  • Deprecation of legacy bundler signatures
  • Push cut presentation transition

New Features

  • Item cropping controls
  • SVG paint controls
  • Gradient background support
  • Push cut presentation

Full Release Notes

## What's Changed

* `remotion`: Reject nested HtmlInCanvas before Chrome 152 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9726
* `remotion`: Allow cropping of items! by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9670
* `remotion`: Add SVG paint controls to Interactive by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9592
* `@remotion/bundler`: Remove legacy positional signatures in v5 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9739
* [`@remotion/effects`: Migrate light leak effect](https://remotion.dev/docs/effects/light-leak) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9712
* [`@remotion/effects`: Migrate starburst effect](https://remotion.dev/docs/effects/starburst) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9677
* `@remotion/lambda`: Clean up generated site bundles by @samohovets in https://github.com/remotion-dev/remotion/pull/9569
* `@remotion/lambda-ruby`: Bump Bundler version by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9696
* `@remotion/promo-pages`: Clarify Free License benefits by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9735
* `@remotion/promo-pages`: Increase homepage demo spacing by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9688
* `@remotion/promo-pages`: Remove orphaned automations section by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9687
* `@remotion/studio`: Open properties in editor by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9732
* `@remotion/studio`: Enable safe interactions in read-only mode by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9718
* `@remotion/studio`: Disable freeze frame outside visible range by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9722
* `@remotion/studio`: Move layout controls into own section by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9708
* `@remotion/studio`: Clip overflowing timeline keyframes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9711
* `@remotion/studio`: Support standard redo shortcuts by @samohovets in https://github.com/remotion-dev/remotion/pull/9705
* `@remotion/studio`: Remove timeline sequence hashes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9701
* `@remotion/studio`: Add canvas crop controls by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9704
* `@remotion/studio`: Allow changing media sources by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9693
* `@remotion/studio`: Add assets to quick switcher by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9686
* `@remotion/studio`: Speed up timeline nonce-history sort by @dexhunter in https://github.com/remotion-dev/remotion/pull/9662
* `@remotion/studio`: Add composition metadata presets by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9618
* `@remotion/studio`: Make mobile sidebars floating by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9614
* `@remotion/studio`: Refine Quick Switcher design by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9615
* `@remotion/studio`: Fix PreviewToolbar layout at small browser widths by @sksingh2005 in https://github.com/remotion-dev/remotion/pull/9528
* `@remotion/studio`: Move left sidebar toggle to the left by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9610
* `@remotion/studio`: Batch effect prop edits by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9598
* `@remotion/studio`: Support math in InputDragger by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9590
* `@remotion/timeline-utils`: Fix waveform playback rate display by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9599
* [`@remotion/transitions`: Add push cut presentation](https://remotion.dev/docs/transitions/presentations/push-cut) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9730
* `@remotion/web-renderer`: Support gradient background size and position by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9737

## Templates

* Upgrade to React Router 8 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9720

## Docs

* Rewrite Figma import guide by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9699
* Deprecate Starburst and Light Leaks packages by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9725
* Mark Cloud Run as unmaintained by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9668
* Remove outdated `parseMedia()` comparison page and redirect by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9673
* Update Editor Starter dependencies by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9694
* Update template READMEs to use remotion-dev org by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9626
* Add automator homepage strip by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8831
* Wire deploy-static SSR example outputLocation by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9617
* Fix renderMedia outputLocation example path by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9616
* Remove duplicate `--log` section in benchmark CLI docs by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9602
* Update npx remotion versions example to current version by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9601
* Replace stale pnpm commands with Bun by @garudaccs in https://github.com/remotion-dev/remotion/pull/9588
* Fix interactive component instructions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9591
* Fix duplicate word typos in documentation by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9625
* Fix Spline package name typo in spline.mdx by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9623
* Fix duplicate "the" typos in documentation by @santhiprakash in https://github.com/remotion-dev/remotion/pull/9624
* Add resource for generating a soundtrack from a rendered video by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/52e55fd433
* remotion.dev/vision by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/b6371f56f2

## Skills

* Clarify supported interactivity input ranges by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9738
* Improve skill publishing and guidance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9678
* Fix dead Element Guidelines link by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9609
* Avoid composed easing functions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9596
* Add remotion-interactivity best practices by @JonnyBurger in https://github.com/remotion-dev/remotion/commit/95fc53d1cd

## Internal

* Stop publishing deprecated packages in v5 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9729
* Stabilize registration range test in `@remotion/transitions` by @samohovets in https://github.com/remotion-dev/remotion/pull/9661
* Testbed: Add map animation compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/9586
* Bump tar from 7.5.19 to 7.5.21 in /packages/create-video by @dependabot in https://github.com/remotion-dev/remotion/pull/9691
* Bump postcss from 8.5.12 to 8.5.18 in /packages/tailwind by @dependabot in https://github.com/remotion-dev/remotion/pull/9690

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.499...v4.0.500