Remotion
@Remotion

Make videos programmatically.

 npm init video
remotion.dev
Joined August 2021
225 Photos and videos
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 <Video>, <Img>, <Audio> as well as your custom components, in any way you want! • Break down problems into smaller components and re-use them for all your videos. Bringing all the nice things about frontend programming to video creation - that's what Remotion is all about!
26
49
753
378,405
Remotion retweeted
Remotion
@Remotion
Aug 26
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
12
32
639
45,790
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
12
32
639
45,790
Through WebMCP, agents: • see the current time and what you selected • see the list of layers and compositions • can get the current HTML • can remote control the Studio. remotion.dev/webmcp Note: WebMCP is new, as of right now only ChatGPT Codex implements it.

WebMCP | Remotion | Make videos programmatically

Remotion Studio exposes WebMCP tools that allow an AI agent to inspect and steer it.

remotion.dev
3
35
4,759
Better skills for better videos! Remotion Skills 2.0: • Sub-skills • Interactive • Taste-neutral
42
144
2,125
215,616
more replies
We de-bloated our skills and removed all design instructions. More context for your vision, fewer clashes with defaults.
1
33
15,169
Install skills: remotion.dev/skills Codex, Claude Code, Cursor plugins: remotion.dev/plugins
1
32
6,365
Remotion Studio now works great on narrow viewports. Perfect when in split-screen with your coding agent!
8
2
100
18,785
Remotion now supports ProRes footage!
7
3
101
15,984
Many stock footage sites offer transparent videos in ProRes format. Now you can use them in Remotion!
1
2
33
6,289
This is powered by @vanilagy's extremely fast TurboRes project! Docs: remotion.dev/docs/videos/pro…

Embedding ProRes | Remotion | Make videos programmatically

ProRes is the most popular format for exchanging transparent videos.

remotion.dev
1
9
2,870
An easy way to <Highlight>annotate</Highlight> words in text! Use the new @remotion/rough-notation package directly or through our skills.
7
11
271
20,180
Examples: remotion.dev/docs/text-highl…

Text highlights | Remotion | Make videos programmatically

We recommend @remotion/rough-notation to annotate text to add marker highlights, encircle words, box or strike through parts.

remotion.dev
5
3,651
Remotion retweeted
Jonny Burger
@JNYBGR
Jul 7
New Remotion effect out now: progressiveRadialBlur() 🔍 Very common in motion graphics!
2
4
88
9,239
We've reached the epic milestone of 1000 documentation pages! (Over 700 of them were handwritten before agents existed)
6
2
187
21,919
The newest documentation page: The paper() effect, based on @paper Shaders 💙 remotion.dev/docs/effects/pa…

paper() | Remotion | Make videos programmatically

Part of the @remotion/effects package.

remotion.dev
9
4,077
@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`:
7
7
123
12,551
Overview of transitions: remotion.dev/transitions

Transitions | Remotion | Make videos programmatically

The ` component lets you animate between absolutely positioned scenes. Between any two sequences, you can place a or a `.

remotion.dev
3
2,297
Load more