Skip to main content
Live Previews

Remotion Templates

8 video templates running live in your browser. What you see below is real Remotion rendering — not a recording.

8 Templates React 19 + Remotion 4 TypeScript
60 Video Recipes — Copy-Paste Claude Code Prompts
9:16 Shorts

Music Visualizer

Audio-reactive visuals.

Drop your track, get a Shorts-ready video. Circular spectrum, floating particles, and progress bar — all driven by your audio data.

Audio Reactive Particles Spectrum
  • Circular spectrum from audio data
  • Floating reactive particles
  • Auto-duration from audio file
  • Progress bar with timestamps
16:9 YouTube

Portfolio Trailer

Your work, cinematic.

Auto-generate a project showcase with Ken Burns panning, glass overlays, and tech badges. List your projects in config, get a trailer.

Ken Burns Glass UI Cinematic
  • Per-project Ken Burns + glass overlay
  • Typewriter text effect
  • Auto intro/outro generation
  • Tech tag badges per project
16:9 YouTube

Presentation

Slides that move.

Turn content into animated video. Multiple slide layouts — bullets, code blocks, images — with staggered spring animations and progress tracking.

Slides Education Auto-animate
  • Staggered bullet animations
  • Code syntax display
  • Auto slide numbering
  • Multiple layout types
9:16 Shorts

Shorts / Reels

Vertical, automated.

Image + subtitle auto-composition. Three subtitle styles — box, outline, glow — with Ken Burns transitions and per-scene duration control.

Subtitles Vertical Auto-compose
  • 3 subtitle styles cycling
  • Ken Burns on images
  • Optional title card
  • Per-scene duration control
16:9 YouTube

YouTube Intro

5 seconds. Instant impact.

Channel branding done right. Logo reveal with spring physics, neon glow pulse, and text clip animation. 4 visual styles included.

Branding 4 Styles Logo Reveal
  • Spring-based logo reveal
  • Neon glow pulse effect
  • Subscribe CTA (outro variant)
  • 4 visual styles
9:16 + 1:1

SNS Ad / Promo

Scroll-stopping ads.

Social media promo with product spotlight, price tag animation, badge slides, and animated CTA. Portrait and square formats.

E-commerce CTA Multi-format
  • Portrait + square variants
  • Badge & price animations
  • Product spotlight
  • Animated CTA button
16:9 YouTube

Product Showcase

Premium product video.

Hero reveal, animated feature grid, and pricing CTA. Clean, premium feel with staggered spring entries. Perfect for SaaS and e-commerce.

Product Features Premium
  • Hero product reveal
  • Animated feature grid
  • Multi-image support
  • Price & CTA closing scene
16:9 YouTube

Data Visualization

Charts in motion.

Animated bar charts, pie charts, and big-number counters. Turn your data into compelling video with spring-driven animations.

Charts Business Animation
  • Bar chart grow animation
  • Count-up numbers
  • Multiple chart types
  • Per-bar staggered timing

How It Works

1

Edit Config

Change colors, text, images in a simple TypeScript config file.

2

Preview in Studio

See real-time preview with npm run studio.

3

Render MP4

Export production-quality video with one command.

All 8 Templates

One bundle. TypeScript configs. React components. Infinite renders. Lifetime updates.

Built with React 19 + Remotion 4 + TypeScript + Zod schemas

Chat