@Remotion

Make videos programmatically.

 npm init video
remotion.dev
Joined August 2021
  • Tweets716
  • Following18
  • Followers58.4K
225Media
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
27
49
26
765
384,930
Remotion retweeted
Remotion
@RemotionAug 26
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
12
32
11
653
49,774
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
12
32
11
653
49,774
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

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

remotion.dev
1
3
42
7,701
Better skills for better videos! Remotion Skills 2.0: • Sub-skills • Interactive • Taste-neutral
42
144
40
2,135
219,303
more replies
We de-bloated our skills and removed all design instructions. More context for your vision, fewer clashes with defaults.
1
2
34
15,368
Install skills: remotion.dev/skills Codex, Claude Code, Cursor plugins: remotion.dev/plugins
1
1
34
6,509
Remotion Studio now works great on narrow viewports. Perfect when in split-screen with your coding agent!
8
2
2
101
20,280
Remotion now supports ProRes footage!
7
3
3
103
17,222
Many stock footage sites offer transparent videos in ProRes format. Now you can use them in Remotion!
1
2
36
7,380
This is powered by @vanilagy's extremely fast TurboRes project! Docs: remotion.dev/docs/videos/pro…

Embedding ProRes | Remotion

ProRes is the most popular format for exchanging transparent videos.

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

Text highlights | Remotion

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

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

paper() | Remotion

Part of the @remotion/effects package.

remotion.dev
11
4,676
@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
1
125
13,170
Overview of transitions: remotion.dev/transitions

Transitions | Remotion

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

remotion.dev
3
2,309
Load more