Start your journey with Remotion today

Discover detailed guides on creating animations with Remotion. Learn to craft dynamic animations using React and JavaScript, with practical examples to apply to your own projects. Start exploring Remotion and expand your creative toolkit.

How to setup Remotion Composition?

This article provides a comprehensive guide to setting up a composition in Remotion the right way. It covers best practices, including how to use Zod types for type validation, integrating calculateMetadata for precalculating data, and combining types to create more robust and flexible compositions.

Immutable data classes in TypeScript

This article explores how to use immutable data classes in TypeScript to achieve more predictable calculations and provides a step-by-step guide on how to implement them effectively.

Remotion Popcorn Sound Visualizer

Learn how to create a dynamic sound visualizer in Remotion, featuring animated circles that pop up and collide in sync with audio. This step-by-step guide covers audio sampling, visual effects, and collision logic to bring your sound to life.

Why use Remotion for video creation?

This article discusses the ideal situations for using Remotion, highlighting its advantages over traditional video editing tools.

Intro to Remotion Animations

Learn how to get started with animations in the Remotion React library. Discover the differences from traditional web development, and explore the unique frame-by-frame rendering logic required to create dynamic video content with JavaScript and React.