Uploaded August 2026 | Updated September 2026, 1 week ago
In this tutorial, you will learn how to open and explore Remotion's default templates, a full catalog of pre-built starting points for videos and animations. I'll show you the one command pattern that installs any template, how to preview it in Remotion Studio, and how to run multiple templates inside the same project folder.
🧠 What You Will Learn
- Remotion templates: what they are and where to find them
- npm init -y: why you need it before installing Remotion
- The install pattern: npx create-video@latest plus the template name
- Hello World template: installing and previewing your first template
- Swapping assets: using Cloud Code to replace logos and images
- Audiogram template: customizing colors, captions, and cover art in the inspector
- Multiple templates: running more than one template in the same project folder
- Rendering: exporting a finished video from Remotion Studio
🏠 Full Tutorial Post:
mikemurphy.ai/tutorials/remotion-templates
🔗 Links Mentioned:
▶️ Remotion: Getting Started Tutorial: youtu.be/PP9kekHoXRk
🎬 Remotion: https://remotion.dev
🟢 Node.js: nodejs.org
🧑💻 VS Code: code.visualstudio.com
Tools I Use:
🌐 Mike Murphy AI: mikemurphy.ai
🚀 Hostinger VPS: go.mikemurphy.ai/vps
🎙️ ElevenLabs: go.mikemurphy.ai/elevenlabs
⏱️ Timestamps:
00:00 Intro: About The Tutorial
00:59 What are Remotion templates?
01:26 Prerequisites
01:47 Is Node.js installed?
02:37 Create New Project Folder
02:50 Open Project in VS Code
03:06 Launch VS Code Terminal
03:29 ⚠️ Initialize Project Folder (Node.js)
04:30 Remotion Install Command
04:54 Templates Page on Remotion.dev
05:35 Starting With Blank Template
06:24 Remotion Template Command
07:12 Install Hello-World Template
08:31 Get Started By Running:
09:20 Install Dependencies
09:35 Launch Remotion Studio
10:15 Launch Claude Code
11:47 Add Another Template
14:07 Install Wizard (Audiogram)
15:15 Preview Audiogram Template
17:20 Customize Audiogram Template
18:59 Render & Outputs
⭐ Connect with Me
➜ Website: mikemurphy.ai
➜ YouTube: youtube.com/mikemurphyco
➜ Newsletter: mikemurphy.ai/newsletter
➜ X: https://x.com/mikemurphyai
⚖️ Disclosure
Some links may be affiliate links, which means I may earn a commission if you purchase through them at no extra cost to you. I only share tools and services I use, trust, or think are useful for creators, small businesses, and tutorial makers.
#remotion #claudecode #aivideo #videowithcode #reactjs #nodejs #vscode #generativevideo #aiagents #contentcreation #codingtutorial #tutorial #mikemurphyai
In this tutorial, you will learn how to open and explore Remotion's default templates, a full catalog of pre-built starting points for videos and animations. I'll show you the one command pattern that installs any template, how to preview it in Remotion Studio, and how to run multiple templates inside the same project folder.
🧠 What You Will Learn
- Remotion templates: what they are and where to find them
- npm init -y: why you need it before installing Remotion
- The install pattern: npx create-video@latest plus the template name
- Hello World template: installing and previewing your first template
- Swapping assets: using Cloud Code to replace logos and images
- Audiogram template: customizing colors, captions, and cover art in the inspector
- Multiple templates: running more than one template in the same project folder
- Rendering: exporting a finished video from Remotion Studio
🏠 Full Tutorial Post:
mikemurphy.ai/tutorials/remotion-templates
🔗 Links Mentioned:
▶️ Remotion: Getting Started Tutorial: youtu.be/PP9kekHoXRk
🎬 Remotion: https://remotion.dev
🟢 Node.js: nodejs.org
🧑💻 VS Code: code.visualstudio.com
Tools I Use:
🌐 Mike Murphy AI: mikemurphy.ai
🚀 Hostinger VPS: go.mikemurphy.ai/vps
🎙️ ElevenLabs: go.mikemurphy.ai/elevenlabs
⏱️ Timestamps:
00:00 Intro: About The Tutorial
00:59 What are Remotion templates?
01:26 Prerequisites
01:47 Is Node.js installed?
02:37 Create New Project Folder
02:50 Open Project in VS Code
03:06 Launch VS Code Terminal
03:29 ⚠️ Initialize Project Folder (Node.js)
04:30 Remotion Install Command
04:54 Templates Page on Remotion.dev
05:35 Starting With Blank Template
06:24 Remotion Template Command
07:12 Install Hello-World Template
08:31 Get Started By Running:
09:20 Install Dependencies
09:35 Launch Remotion Studio
10:15 Launch Claude Code
11:47 Add Another Template
14:07 Install Wizard (Audiogram)
15:15 Preview Audiogram Template
17:20 Customize Audiogram Template
18:59 Render & Outputs
⭐ Connect with Me
➜ Website: mikemurphy.ai
➜ YouTube: youtube.com/mikemurphyco
➜ Newsletter: mikemurphy.ai/newsletter
➜ X: https://x.com/mikemurphyai
⚖️ Disclosure
Some links may be affiliate links, which means I may earn a commission if you purchase through them at no extra cost to you. I only share tools and services I use, trust, or think are useful for creators, small businesses, and tutorial makers.
#remotion #claudecode #aivideo #videowithcode #reactjs #nodejs #vscode #generativevideo #aiagents #contentcreation #codingtutorial #tutorial #mikemurphyai
