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!
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!
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!
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.
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:
We’re adding more plugins to Codex to give it more ways to gather context and take action across your stack.
New plugins include @coderabbitai, @Remotion, @CircleCI, and more.
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.
x.com/OpenAI/status/20448277…
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.
Building a Lovable for... Motion Graphics? Totally doable with @Remotion and the current generation of AI models, but still hard to get right. That's why @JNYBGR and I created an open-source starter kit to get you started building your own product around Remotion and AI✨
Record a run with Strava, then download the .gpx from their webapp.
$ bun create video --blank my-run
$ cd my-run
$ bun i
$ claude
❯ use remotion best practices. turn my run today into an animated instagram story: ~/Downloads/Afternoon_Run.gpx show a map, the route and live metrics for my run. use font sizes that will be legible when user watches as a story
Note that a free Mapbox token is needed. Results may vary and we got lucky with this prompt, but it was our first attempt!