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!
Introducing the new remotion.dev/convert!
Powered by Mediabunny, we made the video conversion website of our dreams!
- Convert between MP4, WebM, MP3, MKV, MOV and WAV
- Much, much faster than any other website (thanks to WebCodecs!)
- Free, no ads and open source
- Crop, resize, rotate, mirror, drop audio options!
Send this to your mom so she doesn’t have to use sketchy online video converters anymore 🧓
Everyone’s talking about AI tools. But no one’s talking about the tools behind those tools.
ReMotion is one of them and it’s quietly changing how videos get made online.
It’s not a video editor. It’s not Canva 2.0.
It’s an open-source framework that lets developers build automated videos using code.
Basically, imagine Webflow - but for motion graphics.
The coolest part?
You can plug in data, logic, or user inputs - and it turns that into dynamic, real-time videos.
Promo reels, client dashboards, product intros… built at scale.
Most people will use it without realizing it.
The smart ones will build on top of it. ⚙️
We’re building with it. Some people are using it.
Wanna see how it looks under the hood? Drop a “👀” or “Let’s go.”
#techlife #aitools #coder #buildwithai
The one definitive multimedia library for the web!
We’re phasing out Media Parser and are helping Mediabunny become the go-to media toolkit 🐰
∙ Sponsoring Mediabunny with $1k/mo
∙ Contributing to the project
∙ Using it unlock new Remotion features
This is another important puzzle piece falling into it’s place - it allows us to build faster, better video applications!
Everybody is winning from this: Instead of competing, we’re uniting and building the FFmpeg for the web, together and open source 🥕
Check out our blog for more! https://remotion.dev/blog
New: The Remotion Editor Starter, a template for building your own video editor!
It comes pre-built components for timeline, interactive canvas, font picker, captions, asset uploads, rendering and more.
At the same time you can customize anything, since it comes with the source code with 80+ feature flags, clean and well-structured.
It’s the best of Remotion in 1 template! Available in the Remotion Store for $600.
See our link in bio for all the details!
Animate your <Heart /> out! 💓
Animate your code snippets using Remotion and Code Hike.
It supports many programming languages, themes, and error & type annotation.
Use: `bun create video --code-hike`
Visit link in bio.
We sped up Remotion Lambda renders significantly!
Upgrade to benefit from it with no migration necessary. If you are interested in the engineering behind it, see our blog post (link in bio!)
Introducing some useful functions for layouting text!
📏 Ever needed to know how wide a text is? Use the measureText() function!
📦 Need to know how much text you can fit it a fixed size container? Use fillTextBox() to find out - useful for captions!
🤏 Text too big to fit the box? You might need to shrink it - use fitText() to find the perfect font size!
Even if you are not using Remotion yet, you can use the @remotion/layout-utils package - zero dependencies, not even Remotion.
Introducing @remotion/transitions!
▸ Transition between sequences
▸ Entrance and exit animations
▸ Full control over timing and presentation
▸ Custom transitions
▸ Nested transitions
▸ Audio cues
Learn more on remotion.dev/transitions.
Check the source code of this video on GitHub.
Both links are in the bio!
New Preview Features, Bug Fixes, and Bounties!
We've added some highly requested features and fixed major bugs in the latest Remotion Studio update. You can now preview files directly in the Remotion Studio without having to open your file explorer. Click on any text, video, audio, or rendered file to preview it instantly.
Now you get bugfix notifications. If you're on an older Remotion version with known issues, we'll now notify you and provide instructions to update.
Remotion now works seamlessly with Bun, the JavaScript runtime. You can use Bun to create a new Remotion project and render videos.
We've also added the ability to automatically delete expired Lambda renders so you don't have to manually clean them up.
We've fixed long-standing issues with server-side rendering. Using Linux, multi-threading is now properly documented and more reliable. Remotion will more intelligently manage memory and CPU cores for better Kubernetes cluster rendering.
Check out our open bounties on our GitHub and earn rewards for contributing to the project. We'll be adding more bounties for Hacktoberfest with extra incentives for you. Complete a bounty, and you might find yourself featured in the next Remotion update video!
Hacktoberfest is back! 🥨
This month, we are paying out $5’000 in bounties for those who solve issues in the Remotion repository. Especially if you’re new to contributing, we encourage you to participate.
Happy Hacking!
Bun is now a supported package manager! Run `bun create video` for the fastest way to create a video.
We are working on supporting the Bun runtime too - follow remotion.dev/bun to always see the current status!
Introducing our Next.js template, studio enhancements and more!
This is just a small subset of the August changelog - if you want to see more: Using the magic of responsive web design we uploaded a longer, widescreen version of this video to our YouTube channel!
Saviez vous qu'il est possible de créer des vidéos à l'aide de vos compétences en développement web ? C'est ce que permet Remotion, et avec sa quatrième version, c'est encore plus facile 🎥
#zenika #codetheworld #remotion #video #react #javascript
We’ve passed 300 documentation articles!
Our goal is to share everything we have learned about programmatic video with you. Hold your finger to pause and discover a random article!
Now you can embed animations made using @rive.app using our newest package! Head over to remotion.dev/rive to install the component 🥶
Now you can customize the audio codec of your video! For example, this now allows you to have uncompressed audio when you export your video as ProRes. Search for `—audio-codec` in the docs to learn more!
