Starstruk Logo MarkStarstruk

v4.0.486

Project-HAMi/HAMiv4.0.486Jul 7, 2026by JonnyBurger

AI Summary

This release focuses on enhancing the Remotion Studio editor with improved composition management, keyframe interactions, and new visual effects, alongside rendering optimizations for Canvas and WebM formats.

Key Highlights

  • Studio improvements including composition dragging, keyframe moving with sequences, and new folder dialogs
  • New effects including a 'paper' effect and support for wavy text-decoration in the web renderer
  • Rendering fixes for CanvasImage presentation and WebM tail frame extraction
  • Documentation updates including interactivity best practices and a pricing page

New Features

  • Add paper effect
  • Support wavy text-decoration
  • Composition dragging
  • Move keyframes with sequences
  • Add centerPath

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