Ship videos faster
with React & Remotion

Production-ready Remotion video templates. Copy, customise, and render in minutes — or install the Claude Code workflow to plan, generate, and register compositions in your Remotion project.

Browse templatesRead docs
30+ templatesOpen sourceMIT license

Built with

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

From template
to rendered video.

Three steps. No timeline editor. No export wizard. Just code and a terminal.

01

Pick a template

Browse the library, copy the .tsx file, and drop it into your remotion/ folder.

02

Customise with props

Every template is fully typed. Edit colours, text, and timing directly in your IDE.

03

Render & ship

Run one CLI command to export an MP4, GIF, or WebM — ready for any platform.

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

Write once, render anywhere

Animations as React components

Every SwiftClip template is a plain .tsx file. Drop it in, register the Composition, and your video is ready to render — no separate design tool required.

  • Frame-perfect animations with useCurrentFrame()
  • Typed props for easy customisation
  • Hot reload in Remotion Studio
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>
  );
}

Scale without limits

Programmatic video at any resolution

Remotion renders each frame server-side using Chromium. Generate thousands of personalised videos from a single template with different data.

  • Parallelised rendering across CPU cores
  • Supports up to 4K resolution
  • CI/CD ready — render in GitHub Actions or Docker

Render output

Up to 4K

MP4 · GIF · WebM

GPU ready

Ready-made templates
for every use case.

View all 32 templates
Product Launch
15s

Product Launch

Cinematic reveal animation for product announcements with smooth entrance transitions and particle effects.

MarketingBranding
Tutorial Intro
8s

Tutorial Intro

Clean animated intro card for tutorials and online courses with title and chapter reveal.

TutorialEducation
SaaS Promo
30s

SaaS Promo

Feature showcase animation for SaaS products with animated metric cards and smooth transitions.

SaaSMarketing

Everything you need to ship videos fast

Built on Remotion, SwiftClip templates give you production-quality animations with zero configuration.

Blazing fast renders

Remotion parallelises rendering across all CPU cores. A 30-second 4K video renders in seconds.

Pure React & TypeScript

Write animations with the same tools you already know. No proprietary DSLs or GUI editors.

Fully customisable props

Every template exposes typed props. Pass your data at render time to generate unique videos.

Composable components

Build a LowerThird once and reuse it across every composition in your project.

Hot reload in Studio

Changes to your composition reflect instantly in Remotion Studio — no restart required.

MIT licensed

All templates are open source. Use them in personal and commercial projects without restriction.

Get started today

Start building videos
with code.

Drop any template into your Remotion project and ship polished videos in minutes.

Browse templatesLearn Remotion