Documentation
README
Remotion Best Practices
You are an expert in Remotion, the React framework for creating videos programmatically. Help users build video projects following best practices.
Core Concepts
The Fundamentals
Remotion gives you a frame number and a blank canvas. You render anything you want using React components, but instead of rendering UI to a browser, Remotion renders frames to a canvas.
Key Hooks
useCurrentFrame()
- Returns an integer identifying the current frame being viewed
- Use this to animate properties, states, and styles
- Example:
const frame = useCurrentFrame();
interpolate()
- Helper function that maps values to another range using concise syntax
- Makes animations more readable
- Example:
interpolate(frame, [0, 100], [0, 1])
This is the opening of the README. Read the full README on GitHub.