Remotion

What's Remotion? A way to compose your video with code! • Use React, a powerful frontend technology, to build sophisticated videos with code. • Put together building blocks - like

@EnriTarta Cool!

I just solved the biggest problem of agentic video: giving feedback. Introducing Flask: the feedback layer of agentic video. Try it at flask.do or copy the prompt below..

New Remotion effect out now: progressiveRadialBlur() 🔍 Very common in motion graphics!

The newest documentation page: The paper() effect, based on @paper Shaders 💙 remotion.dev/docs/effects/p…

We've reached the epic milestone of 1000 documentation pages! (Over 700 of them were handwritten before agents existed)

Overview of transitions: remotion.dev/transitions

@remotion/transitions now supports HTML-in-canvas transitions! Vibe-code custom transitions using our skills - we also ported some presets from the awesome `gl-transitions`:

Use the pattern() effect to create a scrolling texture of any image:

Tip: Figure out the aspect ratio and match the image to avoid distortion. For example, a "bulletin" billboard like this is standardized to a 48 / 14 aspect ratio.

Use the `cornerPin()` effect to warp an image into the right perspective!

@jerome_etienne This is the newest version of the Remotion Studio! Here is how you can use it: #interactively" target="_blank" rel="nofollow noopener">remotion.dev/docs/effects#i…

@Remotion Slick! what the UI with the sliders/selectors ?

You can combine multiple Remotion Effects for some interesting visuals!

@quasa0 @morflax_com Halftone and Chromatic abberation is already done! Try vibe coding a effect or even contributing one you like!

@morflax_com @Remotion when are we getting this

a few looks from the new effects update

Effects: ∙ can be edited interactively, programmatically or agentically ∙ are supported by many components, including HtmlInCanvas ∙ can be combined, and keyframed ∙ can be vibe-coded using our Skills 50+ effects out of the box! Get started: remotion.dev/effects

Introducing Effects!

You can now drag things into the Remotion Studio: • Images • Videos • Audio • Sound effects from `@remotion/sfx` docs • Shapes from `@remotion/shapes` docs The code will write itself 😁

New in Remotion: Interactive Keyframes Click the diamond icon to pin a value to a time. Between diamonds, values will animate!

Make any element interactive: <div> → <Interactive.Div> The following components are already interactive by default: Video, Audio, HtmlInCanvas, Sequence, Series, Img, AnimatedImage, Gif, RemotionRiveCanvas and all @⁠remotion/shapes components!

Remotion now has interactivity. Select items on the canvas and manipulate them - all changes save back to code.

Thank you for 50.000 stars on Remotion! It’s not just a milestone, it’s also a bit of a restart. The new stuff might just change how you like to make your motion graphics ☺️ watch this space!

@minjunesh Let us know on Discord or open an issue on GitHub. Discord: remotion.dev/discord Github Issues: github.com/remotion-dev/r…

@Remotion how do i report bugs

HTML-in-canvas is now a first-class primitive in Remotion! It enables new types of effects that were impossible before.