@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
764
385,238
Remotion retweeted
Remotion
@RemotionAug 26
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
12
32
12
653
49,977
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
12
32
12
653
49,977
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,846
Better skills for better videos! Remotion Skills 2.0: • Sub-skills • Interactive • Taste-neutral
42
144
40
2,137
219,500
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,379
Install skills: remotion.dev/skills Codex, Claude Code, Cursor plugins: remotion.dev/plugins
1
1
34
6,517
Remotion Studio now works great on narrow viewports. Perfect when in split-screen with your coding agent!
8
2
2
101
20,345
Remotion now supports ProRes footage!
7
3
3
103
17,284
Many stock footage sites offer transparent videos in ProRes format. Now you can use them in Remotion!
1
2
36
7,433
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,154
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,406
Remotion retweeted
Jonny Burger
@JNYBGRJul 7
New Remotion effect out now: progressiveRadialBlur() 🔍 Very common in motion graphics!
2
4
88
9,281
We've reached the epic milestone of 1000 documentation pages! (Over 700 of them were handwritten before agents existed)
5
2
2
189
22,633
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,712
@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,207
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