v4.0.471
remotion-dev/remotionv4.0.471Jun 1, 2026by JonnyBurger
AI Summary
Adds visual effects like waves and pixel dissolve, improves timeline UI with drag-and-drop effects, and adds Zed editor support.
Key Highlights
- New visual effects: waves(), rings(), zigzag(), pixelDissolve()
- Timeline UI: Add solid action, effect drag-and-drop, and reordering
- Studio-server: Zed editor support and Solid insertion fixes
New Features
- waves() effect
- rings() effect
- zigzag() effect
- pixelDissolve() effect
- timeline 'Add solid' action by right-clicking
- effect drag-and-drop to layers
Full Release Notes
## What's Changed * `remotion`, `@remotion/gif`: Support `requestInit` for animated images by @alec-watts in https://github.com/remotion-dev/remotion/pull/7311 * `@remotion/effects`: Add `waves()` pattern by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7913 * `@remotion/effects`: Add `rings()` effect by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7969 * `@remotion/effects`: Add `zigzag()` effect by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7952 * `@remotion/effects`: Add `pixelDissolve()` effect by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7953 * `@remotion/starburst`: Accept CSS color strings in `starburst()` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7926 * `@remotion/studio`: "Add solid" action by right-clicking on timeline by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7879 * `@remotion/studio`: Add backspace reset for selected timeline props by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7894 * `@remotion/studio`: Add effect drag-and-drop to layers by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7899 * `@remotion/studio`: Batch backspace reset undo entry by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7906 * `@remotion/studio`: Fix timeline layer width regression by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7916 * `@remotion/studio`: Prevent timeline value drags from clearing selection by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7950 * `@remotion/studio`: Allow reordering effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7978 * `@remotion/studio`: Fix enum dropdown dismissal by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7981 * `@remotion/studio-server`: Don't allow adding Solid when root is ThreeCanvas, RiveCanvas, SkiaCanvas or canvas by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7920 * `@remotion/studio-server`: Fix add-solid insertion edge cases by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7929 * `@remotion/studio-server`: Prefer nodePath for sequence props resubscribe by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7947 * `@remotion/studio-server`: Fix Zed editor support by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7959 * `@remotion/studio-shared`: Fix optimistic keyframe creation by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7943 * remotion.dev/convert: Use Remotion Player for video previews by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7967 ## Docs * Add schema-driven effects demos by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7895 * Allow dragging effect from table of contents to Studio by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7949 * Use range input for effect offsets by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7965 * Use Solid in generate effect examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7966 * Fix effects docs issues by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7975 * Polish showcase page by @samohovets in https://github.com/remotion-dev/remotion/pull/7979 ## Internals + Not yet released stuff * `@remotion/promo-pages`: Rework homepage automations section by @samohovets in https://github.com/remotion-dev/remotion/pull/7812 * `@remotion/promo-pages`: Refine homepage demo layout by @samohovets in https://github.com/remotion-dev/remotion/pull/7813 * `@remotion/promo-pages`: Update homepage location endpoint by @samohovets in https://github.com/remotion-dev/remotion/pull/7960 * `@remotion/promo-pages`: Fix investors link by @samohovets in https://github.com/remotion-dev/remotion/pull/7972 * `@remotion/promo-pages`: Improve homepage showcase layout by @samohovets in https://github.com/remotion-dev/remotion/pull/7973 * `@remotion/example`: Add premounting repro composition by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7948 * `remotion`: Add `refForOutline` for `<Img>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7961 * `remotion`: Add CanvasImage outline ref by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7963 * `remotion`: Add HtmlInCanvas outline ref by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7968 * `@remotion/gif`: Add refForOutline support to Gif by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7976 * `@remotion/media`: Wire Video outline refs by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7944 * `@remotion/studio-server`: Fix sequence keyframe insertion by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7893 * `@remotion/studio-server`: Fix deleting the last keyframe by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7900 * `@remotion/studio`: Improve keyframe control proportions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7896 * `@remotion/studio`: Drag selected sequences together in visual mode by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7951 * `@remotion/studio`: Fix visual outline clipping by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7962 * `@remotion/studio`: Batch delete keyframes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7977 **Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.470...v4.0.471