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://github.com/remotion-dev/remotion

#javascript #tech #tutorial

🔗 Resources

Subscribe to @wcandillon and @JonnyBurger for more awesome content.

Source Code https://github.com/wcandillon/remotion-fireship
Remotion Docs https://www.remotion.dev/
SVG in 100 Seconds https://youtu.be/emFMHH2Bfvo

📚 Chapters

00:00 This Intro is 100% Code
00:58 Introducing Remotion
01:49 Code your First Video
04:06 Make it Rain with Animated SVGs
07:50 Render as MP4

🔥 Get More Content – Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

– Atom One Dark
– vscode-icons
– Fira Code Font

🔖 Topics Covered

– How to make MP4 videos with code
– Remotion basics tutorial
– Video animation basic concepts
– Make videos with React.js
– Ways to create video programmatically