v4.0.472

remotion-dev/remotionv4.0.472Jun 4, 2026by JonnyBurger

AI Summary

Introduces two new effects, `colorKey()` and `linearProgressiveBlur()`, and the `usePixelDensity` API for high-DPI rendering. It expands keyframing capabilities by allowing drag overrides and improves the Studio canvas with asset drop insertion.

Key Highlights

  • New effects: Color key and linear progressive blur
  • `usePixelDensity` API for high-DPI support
  • Keyframed drag overrides support
  • Canvas asset drop insertion

New Features

  • Color key effect
  • Linear progressive blur effect
  • `usePixelDensity` API
  • Keyframed drag overrides

Full Release Notes

## What's Changed
* `remotion`: Add array sequence schema fields, allow editing colors of `starburst()` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8075
* `remotion`: Support keyframed drag overrides by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8104
* `remotion`: Add `usePixelDensity` API by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8094
* `remotion`: Add `pixelDensity` prop to `<Solid>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8102
* `remotion`: Add `pixelDensity` prop to `<HtmlInCanvas>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8088
* `remotion`: Support transform strings in `interpolate` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8078
* `remotion`: Split rotation schema types by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8011
* `remotion`: Make playback rates non-keyframable by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8049
* `remotion`: Video frame callback gets more parameters by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8064
* `remotion`: Prevent enum fields from being keyframed by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8081
* [`@remotion/effects`: Add `colorKey()` effect](https://remotion.dev/docs/effects/color-key) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8009
* [`@remotion/effects`: Add `linearProgressiveBlur()` effect](https://remotion.dev/docs/effects/linear-progressive-blur) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8048
* `@remotion/effects`: Add center control to `vignette()` effect by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8055
* `@remotion/media`, `remotion`: Forward native props from media Video components by @alec-watts in https://github.com/remotion-dev/remotion/pull/8086
* `@remotion/media`: Re-evaluate canvas on unmount for `_experimentalInitiallyDrawCachedFrame` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7999
* `@remotion/studio`: Fix canvas responsiveness by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8123
* `@remotion/studio`: Add `<Folder>` context menu by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8122
* `@remotion/studio`: Optimize ContextMenu measurement by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8113
* `@remotion/studio`: Fix negative sequence frame labels by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8109
* `@remotion/studio`: Prevent effect toggle drag reordering by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8100
* `@remotion/studio`: Select sequences from canvas outlines by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8077
* `@remotion/studio`: Disable Add Solid when disconnected by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8069
* `@remotion/studio`: Fix keyframe navigation button clicks by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8046
* `@remotion/studio`: Add canvas asset drop insertion by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8026
* `@remotion/studio`: Make keyframed values updateable by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8019
* `@remotion/studio`: Copy and paste sequence effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8000
* `@remotion/studio`: Add X and Y scale controls by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7998
* `@remotion/studio`: Restore canvas resize responsiveness by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8034
* `@remotion/studio`: Refactor code value status types by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8027
* `@remotion/studio-server`: Allow keyframes on missing sequence props by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8059
* `@remotion/studio-server`: Resolve Prettier config for null override by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8047
* `@remotion/studio-server`: Abstract import path codemods by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8013
* `@remotion/studio-server`: Make nodePath ignore top-level imports by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8004
* `@remotion/serverless-client`: Stabilize Lambda render completion progress by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8001
* `@remotion/web-renderer`: Scale text-shadow with the export scale option by @UmungoBungo in https://github.com/remotion-dev/remotion/pull/7996

## Docs
* Document `effects` prop by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8112
* /effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8014
* Update HLS Support information in comparison of video tags by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8005
* Add LaunchCut to resources by @churichard in https://github.com/remotion-dev/remotion/pull/7997

## Templates
* Bump react-router from 7.12.0 to 7.15.0 in /packages/template-react-router by @dependabot[bot] in https://github.com/remotion-dev/remotion/pull/8084

## Internal and unreleased
* `@remotion/skills`: Require stylecheck in PR skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8095
* `@remotion/skills`: Add effects skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8074
* `@remotion/studio`: Support keyframed outline translate dragging by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8108
* `@remotion/studio`: Drag right edge of Sequence to change `durationInFrames` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8010
* `@remotion/studio`: Support multi-sequence duration dragging by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8031
* `@remotion/studio`: Support copying keyframed effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8029
* `@remotion/studio`: Allow dragging timeline sequence from by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8072
* `@remotion/studio`: Make keyframed timeline values editable by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8071
* `@remotion/studio`: Add outline edge scale dragging by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8061
* `@remotion/studio`: Fix keyframed timeline prop reset by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8103

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.471...v4.0.472