Remotion @Remotion Twitter profile

Pinned Tweet

Remotion

@Remotion

10 months

Introducing Remotion 4.0 ⬩Visual editing for React props ⬩Render Button ⬩New Rust-based architecture and more:

14

69

514

Last Seen Profiles

@remonmutch79161

@JustinMader1

@wilsonariasc

@DrakenMdc

@tya_ta25

@ByClaytonDavis

@SK0378528664525

@NoChequeable

@Dazaisspit

@JustTyrese

@block9ine

@quoth_the_rave

@YearlyCoffee

@Med_Lax

@_sakiramone_

@1cober

@toeseason

@berachain

@Veridic_info

@brianmrea

@moneroChelo

@Chrissyy2xss

@kade_batts

@neiropoihu17719

@yukarixngy52467

@venum0us

@Boonsch

@KEriksenV2

@stw_pdg

@LArc_official

@MittaMeister

@miyosino

@alex_nevsky_

@BS4chan

@topkhbibies

@tenga_fx

Remotion

@Remotion

8 months

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

26

282

Remotion

@Remotion

6 months

Introducing @⁠remotion/transitions! ▸ Transition between sequences ▸ Entrance and exit animations ▸ Full control over timing and presentation ▸ Custom transitions ▸ Nested transitions ▸ Audio cues Get started:

10

20

274

Remotion

@Remotion

2 years

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

181

Remotion

@Remotion

5 months

Let the journey begin 🚀 Introducing #GitHubUnwrapped 2023, your personalized coding year in review! Get and share your video:

7

29

172

Remotion

@Remotion

3 months

Learn Next.js and admire those Remotion skills:

Delba

@delba_oliveira

3 months

Next.js Explained: Partial Prerendering What exactly is Partial Prerendering? How does it work? And most importantly, why does it matter?

120

304

2K

5

11

164

Remotion

@Remotion

1 year

We say thank you for a fantastic 2022🎉 Here are some of our favorite moments!

6

9

137

Remotion

@Remotion

2 years

⚡️ @StackBlitz now supports Remotion! This is the fastest way to try us out 😻 Click here to get started with no installation: 👉

0

16

131

Remotion

@Remotion

2 years

Nobody can explain it better than @fireship_dev ! This is the best Remotion tutorial for beginners out there.

This video was made with code. But how?

Learn how to produce video content programmatically with HTML, CSS, and JavaScript thanks to Remotion - a React library that can create real MP4 videos https...

www.youtube.com

0

4

98

Remotion

@Remotion

8 months

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

95

Remotion

@Remotion

2 years

🐣 Hello World! We now have a Twitter account. Follow us for showcased animations, announcements and exclusive tips and tricks 

5

11

90

Remotion

@Remotion

2 years

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

85

Remotion

@Remotion

1 year

We made it a tiny bit easier to get started with Remotion 🙂

5

4

76

Remotion

@Remotion

6 months

New in Remotion this month: ▸ Transitions ▸ Faster renders ▸ Rulers and Guides ▸ Text Layout APIs ▸ GPUs in the Cloud and more!

1

4

72

Remotion

@Remotion

11 months

It's time! Join us on July 3 - 7 for the launch of #Remotion4

1

9

69

Remotion

@Remotion

2 years

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

4

66

Remotion

@Remotion

2 years

Remotion 3.2 is out! 🎀 Add Lottie animations to your videos 🌈 React Native Skia support 📏 Zoomable timeline And more:

1

12

67

Remotion

@Remotion

1 year

New integration: You can now use @rive_app animations in Remotion! Learn more:

2

9

67

Remotion

@Remotion

6 months

@⁠remotion/transitions Crash course!

2

7

66

Remotion

@Remotion

4 months

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:

4

2

63

Remotion

@Remotion

2 years

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

63

Remotion

@Remotion

5 months

How we profiled our Remotion code to make our renders twice as fast and save thousands of dollars:

3

5

61

Remotion

@Remotion

10 months

The first deep dive video: Visual Editing

1

9

60

Remotion

@Remotion

2 years

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

58

Remotion

@Remotion

2 years

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

59

Remotion

@Remotion

5 months

Soon we'll launch our year in review campaign for @github ! We'll generate tens of thousands personalized videos - and drop the full source code too!

1

5

59

Remotion

@Remotion

12 days

What’s the coolest thing you built with Remotion? 👇 We'll retweet some of the best ones!

17

3

57

Remotion

@Remotion

2 years

📣 What's new in Remotion 3.0? - Remotion Lambda - Parallel rendering + encoding - SSR overhaul - React 18 support - Better error reporting

Remotion 3.0 | Remotion | Make videos programmatically in React

After more than 10 months in development and 1400 commits, it feels so good to announce Remotion 3.0!

www.remotion.dev

0

9

52

Remotion

@Remotion

1 year

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

51

Remotion

@Remotion

1 year

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

51

Remotion

@Remotion

1 year

We’ve reached 300 documentation articles 🤯 Hit ⏸️ to find a random topic in the Remotion universe!

2

5

49

Remotion

@Remotion

2 years

Meet our new brand! The best way to create videos programmatically, now even fresher.

1

5

48

Remotion

@Remotion

2 months

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

Remotion

@Remotion

1 year

We prepared a little gift for you! 🎀 Unwrap it tomorrow..

0

9

43

Remotion

@Remotion

2 years

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

42

Remotion

@Remotion

2 years

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

Remotion

@Remotion

3 months

Introducing the new interpolateStyles() API! It's like interpolate(), but for any CSS `style` object. Docs:

5

1

41

Remotion

@Remotion

2 years

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

41

Remotion

@Remotion

2 years

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

40

Remotion

@Remotion

2 years

🎥 Remotion 2.6 - <Player/> is now stable! - Support for /public folder - More helpful error overlay

Remotion 2.6 | Remotion | Make videos programmatically in React

The biggest announcement of this release is that the @remotion/player package is now generally available - but not just that, we have some other sweet new features too!

www.remotion.dev

0

5

37

Remotion

@Remotion

3 months

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

Remotion

@Remotion

4 months

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

Remotion

@Remotion

3 months

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

36

Remotion

@Remotion

2 months

You can now deploy the Remotion Studio! Learn what you can do with this:

You can now deploy the Remotion Studio | Remotion | Make videos programmatically in React

We now make it possible to export the Remotion Studio as a static website and deploy it to any hosting provider.

www.remotion.dev

2

3

36

Remotion

@Remotion

7 months

Welcome to all the new followers! 👋 If you are looking to start learning Remotion, here is our recommended beginner tutorial:

0

1

36

Remotion

@Remotion

8 months

New in Remotion: ▸ Next.js template ▸ Studio improvements ▸ More powerful APIs Here’s the August changelog:

1

3

35

Remotion

@Remotion

9 months

New API just dropped: getSilentParts()!

1

2

36

Remotion

@Remotion

2 years

Zooming and panning has landed! 🥳 💻 npx remotion upgrade

0

4

35

Remotion

@Remotion

2 years

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 💻

1

5

35

Remotion

@Remotion

2 years

🎉 Now you can easily add confetti to your video! - Install: `npm i remotion-confetti` - Docs: Huge thanks to @onion2k for making this package 🙌

0

3

34

Remotion

@Remotion

4 months

In 2023, we gave back $9365 to our contributors! Thanks to all of them and our partner @algoraio who created this video with Remotion 🔥

1

5

34

Remotion

@Remotion

2 years

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

Remotion

@Remotion

9 months

@dparksdev @rauchg Forward to @FFmpeg 🫡

0

33

Remotion

@Remotion

2 years

Now you can create a new Remotion project from the @stackblitz website!

1

6

33

Remotion

@Remotion

10 months

We love seeing Indie Hackers making waves! Two amazing Remotion builders you need to follow on their journey: @_justlilian @andrei_terteci

2

30

Remotion

@Remotion

1 year

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

30

Remotion

@Remotion

1 year

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

30

Remotion

@Remotion

16 days

New in Remotion: ⌛Buffering state 🌅Premounting! Build smoother applications using these new APIs:

1

2

30

Remotion

@Remotion

10 months

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

Remotion

@Remotion

2 years

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

Remotion

@Remotion

10 months

Where beauty meets simplicity: Render Button

1

5

28

Remotion

@Remotion

1 year

The only JS framework with a TikTok? We are @remotion on there as well now!

0

2

28

Remotion

@Remotion

5 months

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👇

Pramod

@pramodk73

5 months

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

7

1

23

3

27

Remotion

@Remotion

29 days

Four types of animation timings! 0:11 Linear 2:26 Spring 4:37 Time remapping 6:24 Camera distance simulation

2

1

27

Remotion

@Remotion

2 years

If you haven't seen @JNYBGR 's basketball tracker tutorial yet: 🏀 Motion-tracking basketballs in pure JavaScript 🏀 Dynamic broadcast graphics in Remotion 🏀 Condensed into a 7-minute tutorial

0

3

27

Remotion

@Remotion

10 months

If you like data-driven videos, then you will love the fourth video of our launch week.

0

5

26

Remotion

@Remotion

2 years

We updated our @fig CLI autocompletions for Remotion Lambda! Now again includes every command and flag! Recommended for every Remotion hacker on a Mac, and it's free 😃

0

3

26

Remotion

@Remotion

7 months

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

25

Remotion

@Remotion

2 months

Welcoming @pramodk73 to our Experts program! Remotion Experts are freelancers that have already proven their skill by having an impressive project on display 🛠️

Pramod Kumar | Remotion Experts

Hire Pramod Kumar and other Remotion experts, vetted by Remotion.

www.remotion.dev

2

1

25

Remotion

@Remotion

1 year

Freshly released: The new warpPath() API! A pure function that can transform an SVG path in interesting ways.

0

24

Remotion

@Remotion

1 year

Now you can customize the audio codec of your video! Use `--codec` together with `--audio-codec` – see supported combinations here:

0

2

24

Remotion

@Remotion

10 months

Our examples on have been updated to v4.0!

0

24

Remotion

@Remotion

8 months

React Wasn't Built For The Web Thanks for the shoutout @t3dotgg ! If you decide to make a full video about Remotion, let us know if we can be of any help 🙋‍♂️

React Wasn't Built For The Web

React is an incredible framework that can do incredible things. Not just web things. Hear me out.PROJECTS I MENTIONEDRemotion (React for video) - https://www...

www.youtube.com

1

23

Remotion

@Remotion

2 years

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?

Chromium flags | Remotion | Make videos programmatically in React

We allow you to set the following flags in Chromium and Google Chrome since Remotion 2.6.5:

www.remotion.dev

1

0

23

Remotion

@Remotion

2 years

Figma works beautifully with Remotion! Since @figma allows you to export any element as SVG, it it can be used as React markup and animated in Remotion! Check out @JNYBGR ’s tweet to see how to animate any Figma file:

0

3

24

Remotion

@Remotion

1 year

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!

GitHub

@github

1 year

A fun and festive way to visualize your public GitHub activity this year - #GitHubUnwrapped by @JNYBGR : 🎁

20

131

569

0

4

23

Remotion

@Remotion

2 years

That moment when you realize... 😎 🌎

0

1

24

Remotion

@Remotion

10 months

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

23

Remotion

@Remotion

1 year

New handle! We are now @Remotion on here and also on Instagram. We promise we have not forgot about the "dev" though 🔧

0

1

23

Remotion

@Remotion

2 years

New documentation: 📖 Installing Remotion in an existing project

Installing Remotion in an existing project | Remotion | Make videos programmatically in React

Remotion can be installed into existing projects, such as Next.JS, Remix, Vite or Create React App, as well as server-only projects that run on Node.JS. Get started by adding the following packages:

www.remotion.dev

0

2

23

Remotion

@Remotion

2 years

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

Remotion

@Remotion

2 years

Introducing our Experts page: Find and hire creative Remotion programmers!

1

2

22

Remotion

@Remotion

3 months

SoundCloud implemented their Artist Year in Review 2023 with Remotion 👏

0

3

21

Remotion

@Remotion

2 years

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

Remotion

@Remotion

2 years

A demo of Remotion in French at @LyonJS ! Thanks for organizing this awesome talk @Slashgear_ @CruuzAzul 😃

LyonJS #71 - Comment faire un trailer vidéo qui déchire avec des...

aka : Deux idiots + une lib + du temps = des paillettes.Un jour, alors que Mickaël Alves était fraichement arrivé à Bedrock, celui-ci a eu le malheur de dema...

www.youtube.com

0

6

20

Remotion

@Remotion

5 months

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

20

Remotion

@Remotion

2 years

All our docs, templates and tools have been updated to support @pnpmjs ! To get started, run $ pnpm create video Our own repo has also migrated to pnpm and we save more than 1 minute on every CI run!

0

1

20

Remotion

@Remotion

4 months

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

20

Remotion

@Remotion

4 months

Ever found it tedious to find the dimensions of some text? measureText() to your help! It even works outside of Remotion.

2

1

20

Remotion

@Remotion

6 months

Recently, we had the pleasure of talking to @tibo_maker . He shared his story and experience using Remotion to create product videos with @typeframes . It's definitely worth reading this success story. 📰

Creating product videos in minutes with Typeframes | Remotion | Make videos programmatically in...

Typeframes is a tool that helps you create stunning product intro videos for your SaaS product by converting text to video. It simplifies the process, allowing you to plug in your content, choose...

www.remotion.dev

0

4

20

Remotion

@Remotion

4 months

The bug affecting transparent ProRes renders on Apple M2 machines has been fixed in Remotion v4.0.83! Clément Bœsch submitted a fix to FFmpeg, and is eligible for the $500 bounty we put out 👏🏼

1

0

20

Remotion

@Remotion

2 years

We made some things easy that used to be hard.

0

19

Remotion

@Remotion

2 years

Every struggle is a chance to write new docs 🦾 - Embed a Player into an iframe: - Change the FPS of a video: - Adding and subtracting animations: - Importing from After Effects:

Adding and subtracting animations | Remotion | Make videos programmatically

www.remotion.dev

0

3

19

Remotion

@Remotion

2 years

Data journalism with Remotion and... Svelte?! 😲

Tom Février

@TomFevrier

2 years

🗳️🤖 @EchosResultats a été lancé il y a une semaine ! L’occasion de vous raconter un peu la genèse du projet, et de vous expliquer le fonctionnement de ce petit robot créé avec @JulesGrandin pour @LesEchos 🧵

6

21

105

0

2

18

Remotion

@Remotion

2 years

The community spirit is one of the characteristics we are most proud of. To this day, we count over 100 contributors. Remotion wouldn’t be the same without all these contributions of yours. Thank you! 👏🏼

0

2

18

Remotion

@Remotion

9 months

If you wanted to render and didn’t have Chrome installed, Remotion would download a binary for you.. one that doesn’t support playing MP4s 🤦🏻‍♂️ After two years, this issue is finally fixed in 4.0.18!

0

18

Remotion

@Remotion

8 months

Nice demo of syncing shaders with Remotion! Just use useCurrentFrame() as a uniform. @onion2k

3

4

18

Remotion

@Remotion

2 years

🔓The source code for is now available! ▸ Next.JS and Remotion Lambda ▸ See how we rendered 10k+ videos for users ▸ Fork + build your own video generator

GitHub - remotion-dev/github-unwrapped-2021: The source code for #GitHubUnwrapped 2021

The source code for #GitHubUnwrapped 2021. Contribute to remotion-dev/github-unwrapped-2021 development by creating an account on GitHub.

github.com

0

4

18

Remotion

@Remotion

1 year

Excellent hack by @VladTopolev1 writing up how to use GSAP by @greensock in Remotion!

How to Integrate GreenSock with Remotion

In this article, we develop React hook which allows to integrate GSAP with Remotion

enlear.academy

1

2

18

Remotion

@Remotion

2 years

We switched our website host to resolve an issue that would cause our website to be blocked by Indian ISPs… good news for Indian users who had trouble before! 🇮🇳

0

18