PTENES
FREE COURSE · 81 TEMPLATES

Remotion — Programmatic Video with React

Learn to create videos with code: from the fundamental concept (the frame) to the complete library of 81 ready-to-use resources, and on to real projects that combine everything. No CSS keyframes, no animation libraries — just React.

Start with the Fundamentals → Explore Resources
frame 42 the time (number) React component interpolate(frame…) 1 image of that moment frame 41 frame 42 frame 43 … 30 per second = video

How the course is organized

Three levels, from concept to finished project. You learn to think in frames, then get to know each resource from the library, and finally combines everything into real pieces.

🧠

1. Fundamentals

The 4 pieces that all the 81 templates use under the hood: the frame, interpolate, spring and composition.

🧩

2. Resources

The entire library: 9 categories, each template explained—what it is, why to use it, and a real code example.

🎬

3. Projects

Complete pieces that combine several features: channel intro, product video, data story, and Reels.

The 4 tracks

TRACK 1 3 modules

🧠 Fundamentals

How Remotion thinks. The frame, interpolate, spring, Sequence. Without this, the examples become magic copy-paste.

Start here →
TRACK 2 9 modules · 81 templates

🧩 Resource Library

All 9 categories: Text, Charts, Animation, Media, Backgrounds, Cinema, Transitions, Intro/Outro, Logo.

Explore resources →
TRACK 3 3 modules

🧬 Combination Patterns

How to fit 2-3 effects together without making a mess: timing, layers, and pacing between scenes.

View patterns →
TRACK 4 4 modules

🎬 Complete Projects

Real pieces combining everything: channel intro, product video, data story, and Reels/Shorts.

Build projects →
4
Tracks
19
Modules
81
Templates
100%
React

💡 Before you start

You need to know Basic React (components, props, JSX). You don't need to know anything about animation or video editing—the course teaches you from scratch. All code examples are in templates/*.tsx in this repository.