Create videos
with code.

An open-source collection of beautiful, programmatically generated video templates built with Remotion and React.

29+ TemplatesOpen SourceMIT License

Built for the modern stack

ReactTypeScriptRemotionNext.jsNode.jsViteGitHubTailwind CSSFFmpegFramer MotionReactTypeScriptRemotionNext.jsNode.jsViteGitHubTailwind CSSFFmpegFramer MotionReactTypeScriptRemotionNext.jsNode.jsViteGitHubTailwind CSSFFmpegFramer Motion

Developer-first
video creation.

Use React components to compose every frame. Automate video production and ship faster than any timeline editor.

Pick a template

Browse curated Remotion templates. Each one is fully typed and ready to drop into any React project.

Customise via code

Swap data, design tokens, and timings straight through props. No timeline. Just your code editor.

Render & scale

Export crisp MP4s via the command line or hook it up to Lambda for massive programmatic video pipelines.

$npx remotion render remotion/index.tsx ProductLaunch output.mp4

Code as Timeline

Version control your animations.

Every SwiftClip template is pure TypeScript. Replace messy timeline files with clean, readable code that integrates directly into your existing git workflow.

Type safety across all components
Git-diffable animation sequences
Easily reusable and composable

ProductLaunch.tsx

import { AbsoluteFill, useCurrentFrame, interpolate } from 'remotion'

export const ProductLaunch = () => {
  const frame = useCurrentFrame();
  const opacity = interpolate(frame, [0, 30], [0, 1]);

  return (
    <AbsoluteFill style={{opacity}}>
      <h1>Product Launch</h1>
    </AbsoluteFill>
  );
}

Performance

Parallel rendering at scale.

Remotion parallelises your renders across all available CPU cores. Drop the waiting time and process batch videos directly from standard CI environments.