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