v4.0.486

remotion-dev/remotionv4.0.486Jul 7, 2026by JonnyBurger

AI Summary

Focuses on Studio UI enhancements including composition dragging, inspector customization, and new visual effects. It also adds path utilities and improves WebM rendering stability.

Key Highlights

  • Composition dragging implementation
  • Inspector font family control
  • New paper effect added to @remotion/effects
  • CenterPath utility added to @remotion/paths
  • Improved WebM tail frame extraction

New Features

  • Composition dragging
  • Inspector customization
  • Paper effect
  • CenterPath utility
  • WebM rendering stability

Full Release Notes

## What's Changed

* `remotion`: Delay CanvasImage render until canvas is presented by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8807
* `remotion`: Fix WebM tail frame extraction after last keyframe by @SyntaxSawdust in https://github.com/remotion-dev/remotion/pull/8757
* `remotion`: Include LICENSE.md in npm packages by @samohovets in https://github.com/remotion-dev/remotion/pull/8747
* `@remotion/studio`: Add inspector font family control by @samohovets in https://github.com/remotion-dev/remotion/pull/8744
* `@remotion/studio`: Add inspector asset rename by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8837
* `@remotion/studio`: Move keyframes with sequences by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8839
* `@remotion/studio`: Implement composition dragging by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8816
* `@remotion/studio`: Add new folder dialog by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8808
* `@remotion/studio`: Prioritize transform origin handles by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8821
* `@remotion/studio`: Prevent collapsed timeline frame errors by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8823
* `@remotion/studio`: Centralize Studio colors by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8801
* `@remotion/studio`: Fix CSS rotate display by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8775
* `@remotion/studio`: Remove N shortcut by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8780
* `@remotion/studio`: Link computed values to interactivity docs by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8792
* `@remotion/studio-server`: Add composition name to dropped sequences by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8820
* `@remotion/web-renderer`: Support wavy text-decoration by @pelazas in https://github.com/remotion-dev/remotion/pull/8763
* [`@remotion/effects`: Add paper effect](https://remotion.dev/docs/effects/paper) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8770
* [`@remotion/paths`: Add centerPath](https://remotion.dev/docs/paths/center-path) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8838

## Docs

* [Add interactivity best practices](https://remotion.dev/docs/studio/interactivity-best-practices) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8785
* Add Sequence freeze recommendation by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8809
* Add Webpack config mutation example by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8773
* Add PostCSS webpack snippet by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8781
* Add `/pricing` page by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8784
* Add paper texture element by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8791
* Link internal interactivity skill to canonical copy by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8802
* Link interactive component guide in skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8824
* Document interactive element names by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8846
* Clarify Mediabunny FPS estimates by @samohovets in https://github.com/remotion-dev/remotion/pull/8847
* Fix restartStudio step list styling by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8833
* Store raw Markdown carrier outside scripts by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8810

## Internal

* `@remotion/brand`: Add docs pages showcase by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8798
* `@remotion/brand`: Make extrusions interactive by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8825
* `@remotion/brand`: Add homepage asset compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8832
* `@remotion/skills`: Add Mapbox maps rule by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8844
* `remotion-monorepo`: Add Vercel monitor skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/8812
* Bump golang.org/x/net from 0.25.0 to 0.55.0 in /packages/lambda-go-example by @dependabot in https://github.com/remotion-dev/remotion/pull/8759

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.485...v4.0.486