v4.0.486
Chainlit/chainlitv4.0.486Jul 7, 2026by JonnyBurger
AI Summary
Emphasizes UI/UX improvements in the Remotion Studio, such as composition dragging and inspector controls, alongside rendering fixes and new utility functions.
Key Highlights
- Implemented composition dragging
- Added inspector font family control and asset rename
- Added paper effect
- Fixed WebM tail frame extraction after last keyframe
- Added centerPath utility
New Features
- Composition dragging implementation
- Inspector font family control
- Paper effect
- centerPath utility
- New folder dialog
- Composition name to dropped sequences
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