Chapter 15: <Loop>

Core Idea

Reference page for <Loop> in the Remotion documentation.

Key Concepts

• API
• durationInFrames
• times?
• layout?
• style?<AvailableFrom v="3.3.4"/>
• Examples
• Continuous loop
• Fixed count loop

Code Examples

const BlueSquare: React.FC = () => <div></div>
// - BlueSquare

• What it demonstrates: Usage pattern for <Loop> from the official docs.

Key Takeaways

1. Understand api when working with <Loop>.
2. Understand durationinframes when working with <Loop>.
3. Understand times? when working with <Loop>.
4. Understand layout? when working with <Loop>.
5. Understand style?<availablefrom v="3.3.4"/> when working with <Loop>.

Connects To

• Absolute Fill: related page in the Fundamentals & Core Concepts section.
• Animating Properties: related page in the Fundamentals & Core Concepts section.
• Animation Math: related page in the Fundamentals & Core Concepts section.