Remotion
@Remotion
Followers
9K
Following
753
Media
186
Statuses
584
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
1
3
45
Introducing Remotion 4.0. ⬩Visual editing for React props.⬩Render Button.⬩New Rust-based architecture. and more:
14
71
554
Bun as a package manager is now officially supported:. `bun create video`. We are working on supporting Bun as a runtime. See for progress!
4
24
273
Introducing @remotion/transitions!. ▸ Transition between sequences.▸ Entrance and exit animations.▸ Full control over timing and presentation.▸ Custom transitions.▸ Nested transitions.▸ Audio cues. Get started:
9
19
270
What is a Video? It's an image that changes over time. The video is the function, the time is the parameter, the image is the return value. You write the function, Remotion renders the video!
2
12
174
Let the journey begin 🚀. Introducing #GitHubUnwrapped 2023, your personalized coding year in review!. Get and share your video:.
7
29
170
Learn Next.js and admire those Remotion skills:.
Next.js Explained: Partial Prerendering. What exactly is Partial Prerendering? How does it work? And most importantly, why does it matter?
5
10
163
We say thank you for a fantastic 2022🎉.Here are some of our favorite moments!
4
9
135
⚡️ @StackBlitz now supports Remotion!. This is the fastest way to try us out 😻 . Click here to get started with no installation: 👉
0
15
129
We are now offering a <Timeline> component that you can copy-paste into your project!. Ideal for builders who need a layer-based editing interface in their app.
2
5
120
Free backgrounds for your videos. No watermarks, no signup, customizable!. Made with Remotion:.
5
12
117
Create coding animations with the new Remotion + Code Hike template:. • Supports 190+ languages.• 20+ themes.• TypeScript error and type annotations. Try: `bun create video --code-hike`.
3
9
113
Nobody can explain it better than @fireship_dev!.This is the best Remotion tutorial for beginners out there.
0
4
96
The team for GitHub Unwrapped 2023!. The campaign returns this year and this time, GitHub is contracting us ✍🏼. So, we assembled a team of developers, designers, illustrators and animators 🤩. See you in December 📆
4
9
93
Generate your video captions using the new package powered by Whisper.cpp 🗣️💬. Docs: Example project using this package:
7
5
93
🐣 Hello World! We now have a Twitter account. Follow us for showcased animations, announcements and exclusive tips and tricks
5
11
88
Feature preview:. In 3.0, Remotion will start encoding your videos while rendering is still underway. A free speed boost of up to 20% 😚
1
11
83
New in Remotion this month:. ▸ Transitions.▸ Faster renders.▸ Rulers and Guides.▸ Text Layout APIs.▸ GPUs in the Cloud. and more!
1
4
72
Remotion reached a business milestone of $10k annual recurring revenue! We want to thank all customers for making this possible 💙 .It motivates and enables us to work even more on Remotion! 👨🏽💻
3
3
66
Remotion 3.2 is out!. 🎀 Add Lottie animations to your videos .🌈 React Native Skia support.📏 Zoomable timeline. And more:
1
12
65
New function!. fitText() allows you to find the perfect font size to make a text fit inside a fixed-width box. No dependency on Remotion, open source:.
3
2
61
For the upcoming 3.0 release, we’ve written over 50 new pages of documentation!. Plenty of things to cover still, but a great step forward!.
0
2
62
How we profiled our Remotion code to make our renders twice as fast and save thousands of dollars:
3
4
61
What’s the coolest thing you built with Remotion?. 👇 We'll retweet some of the best ones!.
17
2
59
Lean for the summer 💪.Remotion now uses even less dependencies!. We only make you install packages that are absolutely necessary. Less code = less problems! ��️
0
4
57
After rendering 20.000 videos for this is our AWS bill!. $150 or less than 1 cent per video. With Remotion 3.0, you can build it too!
4
1
57
Here are all the ways AI can help you with your Remotion workflow!. Including our new chatbot interfaces and our MCP server!.
3
3
52
📣 What's new in Remotion 3.0?. - Remotion Lambda.- Parallel rendering + encoding.- SSR overhaul.- React 18 support.- Better error reporting.
0
9
52
Remotion 3.3 is out now:. - FFmpeg auto-install.- Easily import Google Fonts.- Motion Blur, Noise and SVG path helpers.- Benchmark command.- Quick Switcher and Pinch to Zoom. And many more features:
0
6
49
We created a new documentation page and made it one of the first ones in the Getting Started Guide. Learn and explore the basic CSS transformations!.Interactive and also available as a video.
2
7
47
We’ve reached 300 documentation articles 🤯.Hit ⏸️ to find a random topic in the Remotion universe!
2
5
49
Meet our new brand!. The best way to create videos programmatically, now even fresher.
1
5
47
We made Lambda faster by eliminating an entire step at the end of the render. Read how we made renders up twice as fast!.
1
5
45
Introducing the new interpolateStyles() API!. It's like interpolate(), but for any CSS `style` object. Docs:
4
1
40
Check out powered by Remotion, where you can get your personalized Github Year in Review video! 💪. We already rendered over 500 videos in 1 hour! Our capacity limit is still not reached, so feel free to test our scalability!
2
6
41
Our goals for 2022:. 1️⃣ Build a framework for programmatic video apps.2️⃣ Become sustainable and stay independent.3️⃣ Be creative and share it with you. It starts today 🚀.
1
0
41
We won the "Most Exciting Use of Technology" award at @ReactSummit!. It was awesome and we saw many of you IRL! 🙌 Thanks for the all the warmth 🥰
1
3
40
New template! With the "Audiogram" preset, you can make stunning podcast clips for social media. Type `npm init video`, then select "Audiogram" to make your own. Credits to @marcusstenbeck for making this template!
1
4
38
🎥 Remotion 2.6. - <Player/> is now stable!.- Support for /public folder.- More helpful error overlay.
0
5
37
Whenever we design APIs, we try to make them as pure as possible, so they have value outside of Remotion. Here are 50+ functions that you can use in any JavaScript project!.
1
3
37
What's new in Remotion? (November – January). 0:22 Deployable Studio.1:50 makeTransform().2:38 interpolateStyles().3:46 fitText().4:18 Better GIFs.5:44 New transitions.6:09 Better Props editor.6:54 Better timeline.7:41 HDR videos.8:12 --repro.9:01 Jump to frame.9:36 Open GitHub
2
1
37
New in Remotion:. ▸ Next.js template.▸ Studio improvements.▸ More powerful APIs. Here’s the August changelog:
1
3
35
You can now deploy the Remotion Studio!. Learn what you can do with this:.
2
3
35
As #GitHubUnwrapped is coming to an end, we're eager to pull back the curtain and give you a glimpse into the creative process behind the campaign. Thanks for joining us on this journey. Enjoy the video! ☕️
2
6
32
Welcome to all the new followers! 👋. If you are looking to start learning Remotion, here is our recommended beginner tutorial:.
0
1
35
Creating a new video is now even more streamlined:. 🆕 Select a template from 🆕 Copy command or open in @stackblitz .🆕 Sidebar is now collapsed in a small viewport!. Ready for hacking in just 15 seconds 💻
0
4
33
Remotion wishes you happy holidays! 🎄. Here’s Jingle Bells generated in React using Remotion and Tone.JS. thank you @pablocubico for your work on this!
4
9
34
We love seeing Indie Hackers making waves!. Two amazing Remotion builders you need to follow on their journey:.@_justlilian.@andrei_terteci
2
2
30
Looking to add some firework to your social media content? Our new tutorial is perfect for bringing festive flair to your feeds. 🎆 Whether you're a beginner or an experienced pro, this tutorial has something for everyone. Start learning and spreading the cheer today!
1
1
29
New in Remotion:. ⌛Buffering state.🌅Premounting!. Build smoother applications using these new APIs:.
1
2
30
Roundup of the features we added since 3.0!. 👇 See if we implemented your suggestion and 🔍 search the docs to learn more about the feature!
0
2
30
Some cool Remotion hacks!. 1️⃣ GIF previews in pull requests.2️⃣ Side-by-side editor.3️⃣ VS Code extension.4️⃣ WebKit renderer written in Swift
1
3
29
We just launched on Product Hunt, if you like the new features in Remotion 4.0, then give us an upvote and leave a comment. Let’s do more with React. 🚀.
1
6
30
You can now install Remotion components from the Studio!. No more quitting the Studio + `npm i` + restarting it.
1
0
29
Four types of animation timings!. 0:11 Linear.2:26 Spring.4:37 Time remapping.6:24 Camera distance simulation
2
1
29
Many people think Remotion offers a service that renders videos for you in the cloud. We do not, but Pramod is building this! Testers wanted👇.
Added support to webhook callbacks for @remotion cloud rendering service I am building. Open for people who can test it out! Reply/DM for more info!. #buildinpublic
3
3
27
When creating a new Remotion video, you can now easily add TailwindCSS!
2
3
25
If you like data-driven videos, then you will love the fourth video of our launch week.
0
5
25
Easily read out:.▸ codec.▸ dimensions.▸ duration.▸ frame rate.▸ audio codec.▸ color space of a video with one line in Node.js or Bun!. No extra dependencies needed. (Remotion v4.0.50)
0
1
23
Welcoming @pramodk73 to our Experts program! . Remotion Experts are freelancers that have already proven their skill by having an impressive project on display 🛠️.
2
1
25
New documentation pages!. - Using the GPU in Remotion. - Why do I get the error "Target closed"?. - Overriding Chrome flags. What would you like us to write about next?.
0
0
23
Freshly released: The new warpPath() API!. A pure function that can transform an SVG path in interesting ways.
0
0
22
Now you can customize the audio codec of your video!. Use `--codec` together with `--audio-codec` – see supported combinations here:.
0
2
24
This is the endboss: We're making a video for every GitHub user that wants one!. How much can we scale video rendering? Grab your video and let's find out!.
A fun and festive way to visualize your public GitHub activity this year - #GitHubUnwrapped by @JNYBGR: 🎁
0
4
22
Last but not least, we introduce all other noteworthy features that have been shipped with Remotion 4.0. Thank you for all the support we have got during the launch week. We have an amazing community.💙
1
1
23
New documentation:. 📖 Installing Remotion in an existing project .
0
2
23
Everything Remotion can do in 1 page. Our 180+ APIs are now all listed on
0
0
23
Revamped Audiogram Template!. • 2 styles: Oscilloscope and Spectrum.• Local transcription with Whisper.cpp!.
2
1
23
SoundCloud implemented their Artist Year in Review 2023 with Remotion 👏
0
3
22
We are nominated for an award at @ReactSummit alongside many other cool projects!.The ceremory is today in Amsterdam, if you are there, say hello! 👋
1
2
22
Introducing our Experts page:.Find and hire creative Remotion programmers!.
1
2
22
Reinventing the Remotion timeline!. 0:12 New layout.1:01 Hide layers.1:34 Jump to source.2:44 Click to preview media.2:58 <Sequence> with width+height
0
1
21
Some experiments over the weekend: an alternative way to visualize audio, and integrating P5.js with Remotion to then mint some NFTs! . Feels like endless ways to have fun with Remotion 😁
0
2
20
Want to know how much text you can fit in a container?. You can use fillTextBox() - useful for when you want to render captions!.
1
0
21