v4.0.500
NangoHQ/nangov4.0.500Jul 27, 2026by JonnyBurger
AI Summary
A feature update for Remotion including new SVG paint controls, UI improvements in the Studio, and the migration of Light Leak and Starburst effects.
Key Highlights
- New SVG paint controls added to the Interactive editor.
- UI improvements in Studio including canvas crop controls and layout controls.
- Migrated Light Leak and Starburst effects to the new structure.
- Added Push Cut presentation transition.
- Upgrade to React Router 8.
Breaking Changes
- Removed legacy positional signatures in v5
New Features
- SVG paint controls in Interactive
- Canvas crop controls
- Push Cut presentation transition
- Gradient background support in web-renderer
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