Starstruk Logo MarkStarstruk

v4.0.466

remotion-dev/remotionv4.0.466May 25, 2026by JonnyBurger

AI Summary

Adds basic color and transform effects (grayscale, invert, hue, brightness, scale, mirror, barrelDistortion) and various transition presentations.

Key Highlights

  • Color/transform effects: grayscale(), invert(), hue(), brightness(), scale(), mirror(), barrelDistortion()
  • New transition presentations: ripple(), swap(), crosswarp(), bookFlip(), linearBlur(), dreamyZoom()
  • Timeline UI: Composition menu and keyframe markers

New Features

  • grayscale() effect
  • invert() effect
  • hue() effect
  • brightness() effect
  • scale() effect
  • halftone() effect
  • tint() effect
  • saturation() effect
  • mirror() effect
  • barrelDistortion() effect
  • ripple() presentation
  • swap() presentation
  • crosswarp() presentation
  • bookFlip() presentation
  • linearBlur() presentation
  • dreamyZoom() presentation

Full Release Notes

## What's Changed
* `@remotion/renderer`: Add keyframe interval option by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7610
* [`@remotion/effects`: `grayscale()` effect](https://remotion.dev/docs/effects/grayscale) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7564
* [`@remotion/effects`: `invert()` effect and subpath export](https://remotion.dev/docs/effects/invert) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7573
* [`@remotion/effects`: `hue()` effect](https://remotion.dev/docs/effects/hue) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7577
* [`@remotion/effects`: `brightness()` effect and subpath export](https://remotion.dev/docs/effects/brightness) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7579
* [`@remotion/effects`: `scale()` effect](https://remotion.dev/docs/effects/scale) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7585
* [`@remotion/effects`: `halftone()` effect](https://remotion.dev/docs/effects/halftone) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7591
* [`@remotion/effects`: `tint()` effect](https://remotion.dev/docs/effects/tint) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7600
* [`@remotion/effects`: `saturation()` effect](https://remotion.dev/docs/effects/saturation) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7635
* [`@remotion/effects`: `mirror()` effect](https://remotion.dev/docs/effects/mirror) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7639
* [`@remotion/effects`: `barrelDistortion()` effect](https://remotion.dev/docs/effects/barrel-distortion) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7642
* `@remotion/effects`: Link effect labels to documentation by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7638
* [`@remotion/transitions`: Add `ripple()` HTML-in-canvas presentation](https://remotion.dev/docs/transitions/presentations/ripple) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7559
* [`@remotion/transitions`: Add `swap()` presentation](https://remotion.dev/docs/transitions/presentations/swap) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7565
* [`@remotion/transitions`: Add `crosswarp()` HTML-in-canvas presentation](https://remotion.dev/docs/transitions/presentations/crosswarp) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7574
* [`@remotion/transitions`: Add `bookFlip()` HTML-in-canvas presentation](https://remotion.dev/docs/transitions/presentations/book-flip) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7587
* [`@remotion/transitions`: Add `linearBlur()` HTML-in-canvas presentation](https://remotion.dev/docs/transitions/presentations/linear-blur) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7633
* [`@remotion/transitions`: Add `dreamyZoom()` presentation](https://remotion.dev/docs/transitions/presentations/dreamy-zoom) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7641
* `@remotion/studio`: Add Composition menu by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7546
* `@remotion/studio`: Add composition component editor action by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7563
* `@remotion/studio`: Show keyframed status for interpolated props by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7569
* `@remotion/studio`: Disable rename, duplicate and delete composition in read-only mode by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7570
* `@remotion/studio`: Fix empty space in dropdowns caused by scrollbar-gutter: stable by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7571
* `@remotion/studio`: Reload component when hook rules error occurs by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7575
* `@remotion/studio`: Show keyframe markers in timeline by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7576
* `@remotion/studio`: Prefetch composition component info by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7583
* `@remotion/studio`: Show timeline layers for stills by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7602
* `@remotion/studio`: Open docs from timeline labels by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7609
* `@remotion/studio`: Reorganize render modal by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7637
* `@remotion/studio-server`: Fix punctuation color invisible in light mode terminal by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7584
* `@remotion/studio-server`: Resolve re-exported composition editor links by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7596

## Docs
* Add ripple transition fallback videos by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7561
* Fix scale effect preview thumbnail by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7588
* Update overview.mdx by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7593
* Sort API package names by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7601
* Group effects docs by category by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7640

## Internal
* `@remotion/example`: Add effects keyframe demo to keyframed props test by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7580
* `@remotion/player-example`: Add issue 7183 repro page by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7608

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.465...v4.0.466