Remotion (@Remotion) header
Remotion (@Remotion) profile picture

Remotion

@Remotion

Make videos programmatically.

 npm init video
remotion.dev
Joined August 2021
  • Tweets722
  • Following18
  • Followers59.2K
228Media
Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)Photo by Remotion (@Remotion)
Make videos agentically, interactively and programmatically. Three ways to create and edit, and they stays in sync. Because good videos are rarely done after the first prompt!
4
6
1
89
6,040
The new state-of-the-art of making videos with Remotion: Agentically, interactively and programmatically. See how we help you iterate faster on your video.
4
9
3
160
9,088
Introducing a new editing experience! Iterate faster on agent-generated videos with a better timeline and more interactivity. Try it out today!
65
94
44
2,265
148,754
Remotion Studio now implements WebMCP! Agents can see your selection and act more contextually.
13
32
12
667
52,347
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

WebMCP | Remotion

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

remotion.dev
1
3
46
9,670
Better skills for better videos! Remotion Skills 2.0: • Sub-skills • Interactive • Taste-neutral
42
144
40
2,142
221,534
First of all, it's true - Remotion markup was not intuitive. We iterated our core APIs and simplified them a lot, for humans and for agents.
1
74
12,546
Remotion Studio now works great on narrow viewports. Perfect when in split-screen with your coding agent!
8
2
2
102
21,229
Remotion now supports ProRes footage!
7
3
3
106
18,003
Many stock footage sites offer transparent videos in ProRes format. Now you can use them in Remotion!
1
2
37
8,088
An easy way to <Highlight>annotate</Highlight> words in text! Use the new @remotion/rough-notation package directly or through our skills.
8
11
1
278
21,760
Examples: remotion.dev/docs/text-highl…
Text highlights | Remotion

Text highlights | Remotion

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

remotion.dev
6
4,881
We've reached the epic milestone of 1000 documentation pages! (Over 700 of them were handwritten before agents existed)
5
2
2
190
23,055
The newest documentation page: The paper() effect, based on @paper Shaders 💙 remotion.dev/docs/effects/pa…
paper() | Remotion

paper() | Remotion

Part of the @remotion/effects package.

remotion.dev
11
5,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
1
126
13,577
Use the pattern() effect to create a scrolling texture of any image:
1
5
1
159
25,081
Use the `cornerPin()` effect to warp an image into the right perspective!
7
9
273
39,436
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.
6
4,098
You can combine multiple Remotion Effects for some interesting visuals!
6
6
269
23,841
Introducing Effects!
37
54
16
1,184
111,154
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
Effects | Remotion

Effects | Remotion

remotion.dev
1
31
5,868
New in Remotion: Interactive Keyframes Click the diamond icon to pin a value to a time. Between diamonds, values will animate!
6
4
3
116
18,436
Remotion now has interactivity. Select items on the canvas and manipulate them - all changes save back to code.
11
14
3
255
34,716
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!
1
1
9
4,443
HTML-in-canvas is now a first-class primitive in Remotion! It enables new types of effects that were impossible before.
63
204
80
2,859
584,174
Hello World! $ npx create-video@latest --blank -y glitch $ cd glitch && npm i $ claude > use remotion html-in-canvas best practices. create a sample composition and apply a glitch effect to it! To preview the video, you need Chrome Canary and to enable a flag once. Rendering works out of the box.
3
7
1
163
23,553
Remotion now supports HLS videos! Thanks to Vanilagy's incredible Mediabunny:
Vanilagy (@vanilagy) profile pictureVanilagy
@vanilagyApr 28
Mediabunny 1.42.0 is now out, adding THE most requested feature: full read/write support for HLS! 🚀 It's truly a game changer for client-side media processing. Here, I'm creating 5 renditions from a 40-second video in ~10 seconds, fully client-side, without a transcode server:
7
5
158
34,776
Check out the new Codex Plugins, you can find us there! Within your Codex app you can now install the Remotion Skill with one click, skipping the CLI installation. xitter.twitterapi.xyz/OpenAI/status/20448277…
Image from Remotion (@Remotion)
OpenAI (@OpenAI) profile pictureOpenAI
@OpenAIApr 16
Codex for (almost) everything. It can now use apps on your Mac, connect to more of your tools, create images, learn from previous actions, remember how you like to work, and take on ongoing and repeatable tasks.
16
39
8
449
73,424
What's new in Remotion? 💥 0:04 Light Leaks 📢 0:30 Sound Effects ▲ 1:12 Render on Vercel 🤹 1:50 New Skills 🌐 2:14 Web Renderer Update 🕴️ 2:24 Less teething with Agents 📦 3:17 Rspack ↔️ 4:07 Sneak Peek: Visual Mode
30
42
15
666
59,209
The video above was edited with Remotion! Prompts: gist.github.com/JonnyBurger/… Source: github.com/JonnyBurger/whats…
What's new in Remotion - Editing with Claude Code

What's new in Remotion - Editing with Claude Code

What's new in Remotion - Editing with Claude Code. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com
2
3
31
14,645
Load more