Transform simple MDX files into professional Fireship-style educational videos. No video editing software required.
---
title: "React in 100 Seconds"
duration: 100
---
---
layout: title
duration: 3
---
# React in 100 Seconds
---
layout: code
duration: 10
highlight: 1|3|5
---
```jsx
function Welcome() {
const [count, setCount] = useState(0)
return <button onClick={() => setCount(count + 1)}>
Clicked {count} times
</button>
}
```
Everything you need to create professional educational videos
Write your video script in plain Markdown with YAML frontmatter. No proprietary formats, no complex timelines.
Fast-paced editing, bold visuals, and engaging animations that keep viewers hooked. Inspired by the best tech education videos.
Pre-designed layouts for different content: Title cards, center text, code examples, and two-column comparisons.
Professional effects without the learning curve: glitches, particles, zoom highlights, and flash transitions.
Powered by Remotion, the industry-leading React-based video framework. Write components, not timelines.
Render videos from the command line or integrate into your CI/CD pipeline for automated video generation.
Three simple steps from Markdown to video
Create an MDX file with frontmatter metadata and scene content. Use familiar Markdown syntax.
--- title: "My First Video" duration: 60 --- --- layout: title duration: 3 --- # My First Video
Launch Remotion Studio to see your video in real-time with hot reload.
$ pnpm dev
Generate production-ready MP4 files with a single command. Upload anywhere.
$ pnpm render my-video.motion.mdx
Start making professional educational videos with the simplicity of Markdown.
# Install motion.md
npm install motion.md