Extra — macOS · Remotion · Programmatic Video with React

Remotion
Project Scaffold

Scaffold a new Remotion project with one interactive command. Pick a template, a package manager, and you're editing React components that render to video.

Terminal — zsh
bash <(curl -fsSL https://raw.githubusercontent.com/otto-ai-labs/setupai.dev/main/extra/remotion-setup.sh) new

Three questions. Project ready.

No configuration files to write — the script asks what you need and calls npx create-video@latest for you. Remotion bundles its own ffmpeg and Chromium so there are no extra system installs.

1

Check dependencies

Verifies Node.js 16+ and npm. Everything else (ffmpeg, Chromium) is bundled by Remotion automatically.

2

Name your project

Enter a directory name (default: my-video). The script exits early if the folder already exists.

3

Choose a template

Pick from 11 starters — blank, hello-world, TikTok vertical, audiogram, React Three Fiber, Next.js, and more. Default is hello-world.

4

Pick a package manager

Choose npm, pnpm, bun, or yarn. Default is npm. The script passes your choice straight to create-video.

11 starters. Pick the right one.

Run bash <(curl -fsSL https://raw.githubusercontent.com/otto-ai-labs/setupai.dev/main/extra/remotion-setup.sh) templates to print this list in your terminal.

👋hello-world recommended

Default starter with example animations. Best place to start.

blank

Minimal starter — one composition, nothing extra. Clean slate.

🖼️still

Single-frame image export. Great for generating dynamic OG images or thumbnails.

📱tiktok

Vertical 9:16 format. Pre-configured for short-form social video.

🎙️audiogram

Podcast waveform visualizer. Renders audio waveforms over a static or animated background.

🎬overlay

Video overlay / watermark. Composites elements on top of existing footage.

🧊three

React Three Fiber (3D). Animate full 3D scenes and render them to video.

🎨skia

React Native Skia (GPU drawing). High-performance 2D graphics and effects.

next-app

Next.js App Router + Remotion. Build a web app and a video renderer in one project.

next-pages

Next.js Pages Router + Remotion. Classic Next.js structure with Remotion integrated.

🛣️react-router

React Router v7 + Remotion. Full-stack React app with server-side rendering and video.

Start the Studio. Render when ready.

All commands run from inside your new project folder.

# Scaffold a new project (interactive) bash <(curl -fsSL https://raw.githubusercontent.com/otto-ai-labs/setupai.dev/main/extra/remotion-setup.sh) new # List all available templates bash <(curl -fsSL https://raw.githubusercontent.com/otto-ai-labs/setupai.dev/main/extra/remotion-setup.sh) templates
# Start Remotion Studio — live preview with timeline scrubber cd my-video npm run dev # or: pnpm dev / bun run dev / yarn dev # → Opens at http://localhost:3000
# Render composition to video file npx remotion render <CompositionId> # Output: ./my-video/out/<CompositionId>.mp4
# Export a single still frame as PNG npx remotion still <CompositionId> # Output: ./my-video/out/<CompositionId>.png

Docs: remotion.dev/docs  ·  API: remotion.dev/api  ·  Discord: remotion.dev/discord