Remotion Video Generation

Core Principles

1. ALL animations use useCurrentFrame() - NEVER CSS transitions
2. Use staticFile() for local assets in /public
3. Always clamp interpolations with extrapolateRight: 'clamp'
4. Premount sequences with premountFor prop for smooth transitions
5. Use delayRender() and continueRender() for async data

Quick Reference

Animation Pattern

import { useCurrentFrame, interpolate } from 'remotion';