v4.0.506
remotion-dev/remotionv4.0.506Aug 4, 2026by JonnyBurger
AI Summary
This release launches the Remotion Elements gallery and introduces a Settings modal for Studio. It adds fine-grained runtime reactivity and deprecates the `visualControl()` API.
Key Highlights
- Launch of Remotion Elements gallery
- Introduction of Studio Settings modal
- Fine-grained runtime value reactivity
- Deprecation of `visualControl()`
New Features
- Remotion Elements Gallery
- Settings modal
- Fine-grained reactivity
- Interactive Div cropping support
- Canvas capture extension
Full Release Notes
## What's Changed - [**Remotion Elements**: Gallery of installable items for Remotion!](https://remotion.dev/elements) by @samohovets - `remotion`: Allow cropping for `<Interactive.Div>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10100 - `remotion`: Add fine-grained runtime value reactivity by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10144 - `@remotion/player`: Performance: `usePlayer()` with imperative methods by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10142 - `@remotion/studio`: Deprecate `visualControl()` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10148 - `@remotion/studio`: Add Settings modal by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10125 - `@remotion/studio`: Add default coding agent setting by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10132 - `@remotion/studio`: Reduce frame-driven re-renders by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10127 - `@remotion/studio`: Update Browse Elements icon by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10129 - `@remotion/studio`: Prefer frame 0 for Canvas drops by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10118 - `@remotion/studio`: Reduce canvas fit padding by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10117 - `@remotion/studio`: Prevent project name from wrapping by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10119 - `@remotion/studio`: Fix canvas flicker when toggling sidebars by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10116 - `@remotion/studio-protocol`: Restore Chrome tab switching during Element drags by @samohovets in https://github.com/remotion-dev/remotion/pull/10149 - `@remotion/studio-protocol`: Confirm license key installation in Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10106 - `@remotion/cli`: Apply Studio config changes without reloading by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10073 - `@remotion/renderer`: Fix fractional OffthreadVideo frame selection by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10090 - `create-video`: Use bundler override for Tailwind by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10114 - Skills: Add `/remotion-studio` skill by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10141 - `@remotion/promo-pages`: Align About page trust cards and update copy by @MehmetAdemi in https://github.com/remotion-dev/remotion/pull/10122 - `@remotion/promo-pages`: Shorten homepage link labels by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10099 - Homepage: Code is always source of truth by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10110 - remotion.dev/brand: Add Skills 2.0 code change animation by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10109 - remotion.dev/brand: Add responsive Studio animation by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10107 ## Elements - Elements: Support component-owned sequences by @samohovets in https://github.com/remotion-dev/remotion/pull/10101 - Elements: Link library from Remotion Studio by @samohovets in https://github.com/remotion-dev/remotion/pull/10102 - Elements: Add homepage link by @samohovets in https://github.com/remotion-dev/remotion/pull/10082 - Elements: Update horizontal bar chart by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10103 - Elements: Add captions category by @samohovets in https://github.com/remotion-dev/remotion/pull/10089 - Elements: Keep gallery card widths consistent by @samohovets in https://github.com/remotion-dev/remotion/pull/10136 - Elements: Add spacing before contribution links by @samohovets in https://github.com/remotion-dev/remotion/pull/10130 - Elements: Link dependencies to npm by @samohovets in https://github.com/remotion-dev/remotion/pull/10096 - Elements: Require exact dependency versions by @samohovets in https://github.com/remotion-dev/remotion/pull/10093 - Elements: Clarify entry and exit animation guidance by @samohovets in https://github.com/remotion-dev/remotion/pull/10131 - Elements: Clarify focused Element guidelines by @samohovets in https://github.com/remotion-dev/remotion/pull/10087 - Elements: Streamline overview and guidelines by @samohovets in https://github.com/remotion-dev/remotion/pull/10091 - Elements: Remove broken Studio installation link by @samohovets in https://github.com/remotion-dev/remotion/pull/10145 ## Templates - Bump postcss from 8.5.18 to 8.5.23 in /packages/template-recorder by @dependabot in https://github.com/remotion-dev/remotion/pull/10120 ## Docs - Add Create with ChatGPT button by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10143 - Serve uncacheable 404s for missing assets by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10105 - Remove Animated Captions section by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10098 - Add SportGraphics to the Showcase by @Zafirmk in https://github.com/remotion-dev/remotion/pull/10111 ## Internal - Add aggregate required CI check by @samohovets in https://github.com/remotion-dev/remotion/pull/10140 - Experiment: Preserve required CI checks for skipped suites by @samohovets in https://github.com/remotion-dev/remotion/pull/10108 - Experiment: Run only affected CI test groups by @samohovets in https://github.com/remotion-dev/remotion/pull/10095 - Retry flaky SSR tests by @samohovets in https://github.com/remotion-dev/remotion/pull/10094 - Disable Twoslash in docs during local development by @samohovets in https://github.com/remotion-dev/remotion/pull/10123 - Add Vercel preview widget to Pi by @samohovets in https://github.com/remotion-dev/remotion/pull/10092 - Copy environment files into Zed worktrees by @samohovets in https://github.com/remotion-dev/remotion/pull/10088 - Bump guzzlehttp/guzzle from 7.15.1 to 7.15.2 in /packages/lambda-php-example by @dependabot in https://github.com/remotion-dev/remotion/pull/10121 **Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.505...v4.0.506