v4.0.525
remotion-dev/remotionv4.0.525Sep 15, 2026by JonnyBurger
Upgrading?
AI Summary
This release focuses on enhancing the Remotion Studio UI with features like skill installation and image previews, while introducing new visual effects such as 'Layout', 'Shine', and 'Tear'. It also includes several bug fixes for the Inspector, timeline, and canvas rendering.
Key Highlights
- New visual effects including 'Layout', 'Shine', and 'Tear' elements
- Enhanced Studio UI with skill installation and image previews
- Fixes for media sources in sandboxes and canvas capture imports
- Improved Inspector responsiveness and undo/redo navigation
New Features
- New 'Layout' element
- New 'Shine' effect
- New 'Tear' effect
- Skill installation in Studio settings
- Image previews in Studio asset manager
- Keyboard shortcut for Color Picker
- Import Canvas Captures as compositions in browser-studio
- loadVariableFont() for variable font axes in @remotion/google-fonts
Full Release Notes
## What's Changed - `remotion`: Mute media inside `<Freeze>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11299 - `remotion`: Fix media sources in sandboxed iframes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11285 - `@remotion/studio`: Add skill installation to settings by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11188 - `@remotion/studio`: Add subfolder creation to folder context menu by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11297 - `@remotion/studio`: Add image previews and asset URL replacement by @samohovets in https://github.com/remotion-dev/remotion/pull/11303 - `@remotion/studio`: Add keyboard shortcut for Color Picker by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11323 - `@remotion/studio`: Add "Copy context for agents" to folder menus by @sjkim1127 in https://github.com/remotion-dev/remotion/pull/11277 - `@remotion/studio`: Open source locations on GitHub in read-only Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11268 - `@remotion/studio`: Show feedback for unsupported Element drops by @samohovets in https://github.com/remotion-dev/remotion/pull/11321 - `@remotion/studio`: Make modal tabs responsive by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11304 - `@remotion/studio`: Shorten preview toolbar tooltips by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11267 - `@remotion/studio`: Match sidebar toggle colors with toolbar controls by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11328 - `@remotion/studio`: Save sequence props and keyframes without Prettier by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11308 - `@remotion/studio`: Save effect operations without Prettier by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11317 - `@remotion/studio`: Fix percentage translate values in the Inspector by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11298 - `@remotion/studio`: Fix long computed values overlapping Inspector controls by @samohovets in https://github.com/remotion-dev/remotion/pull/11329 - `@remotion/studio`: Fix inspector jumps when selecting effects in inspector by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11313 - `@remotion/studio`: Fix client-side exports ignoring inspector edits by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11306 - `@remotion/studio`: Fix drag commits when pointer capture is lost by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11307 - `@remotion/studio`: Fix left timeline layer double-clicks by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11296 - `@remotion/studio`: Fix preview toolbar tooltip flicker by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11302 - `@remotion/studio`: Fix Element installation undo for new compositions by @samohovets in https://github.com/remotion-dev/remotion/pull/11312 - `@remotion/studio`: Restore composition navigation on undo and redo by @samohovets in https://github.com/remotion-dev/remotion/pull/11330 - `@remotion/browser-studio`: Import Canvas Captures as compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11322 - [`@remotion/google-fonts`: Add `loadVariableFont()` for variable font axes](https://remotion.dev/docs/google-fonts/load-variable-font) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11201 - `@remotion/media`: Handle speculative source read failures by @piersonmarks in https://github.com/remotion-dev/remotion/pull/11279 - `@remotion/web-renderer`: Fix Remotion-loaded fonts inside SVG text by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11305 ## Templates - `template-empty`: Remove accidental captions element by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11265 ## Docs - Add Animatiq to resources list by @Provibe-dev in https://github.com/remotion-dev/remotion/pull/11274 - Add `/remotion-opentimeline` skill by @krishnachitanyapidugu-sys in https://github.com/remotion-dev/remotion/pull/10474 ## Elements - New "Layout" elements by @samohovets in https://github.com/remotion-dev/remotion/pull/11253 - Shine effect by @samohovets in https://github.com/remotion-dev/remotion/pull/11288 - Tear effect by @samohovets in https://github.com/remotion-dev/remotion/pull/11289 - Refine Social Safe Zones by @samohovets in https://github.com/remotion-dev/remotion/pull/11290 - Remove Product Offer by @samohovets in https://github.com/remotion-dev/remotion/pull/11287 ## Internal - Consolidate effect keyframe Studio test by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11262 - Eliminate recurring CI test races by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11280 - Remove recurrently flaky Studio E2E tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11284 - Remove recurring flaky Studio tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11286 - Remove Canvas Capture fixture tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11301 - Add WebMCP-controlled React Scan recordings by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11316 - remotion.dev/brand: Reorganize compositions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11264 - remotion.dev/brand: Add Remotion update announcement video by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11271 - remotion.dev/brand: Add Studio UI reference composition by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11272 - remotion.dev/brand: Add responsive Studio UI showcase by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11293 - remotion.dev/brand: Add Codex UI composition by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11310 - remotion.dev/brand: Fix Studio coding handoff window chrome by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11335 ## New Contributors - @krishnachitanyapidugu-sys made their first contribution in https://github.com/remotion-dev/remotion/pull/10474 - @Provibe-dev made their first contribution in https://github.com/remotion-dev/remotion/pull/11274 - @sjkim1127 made their first contribution in https://github.com/remotion-dev/remotion/pull/11277 - @piersonmarks made their first contribution in https://github.com/remotion-dev/remotion/pull/11279 **Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.524...v4.0.525
Related Repositories
The AI that really does things. Any OS. Any Platform. The lobster way. 🦞
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
Reverse engineer anything with agents, from app behavior down to native binaries.
The open source coding agent.
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.