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