I built a Remotion kit that renders vertical shorts from a single content file

김상현 (Developk) — Fri, 09 Oct 2026 14:42:24 +0000

Faceless short-form channels live or die on volume — you have to ship daily. But every tool in that space wants a subscription, a timeline editor, or an API key you babysit.

So I built a kit that turns a small TypeScript content file into a finished vertical MP4, using Remotion — React, but the output is a video file.

The promo above is one continuous 3D camera shot — pure CSS transforms, no WebGL.

The workflow

One file = one video:

// src/content/my-quote.ts
export const props: QuoteVideoProps = {
  theme: "paper",
  quote: "You have power over your mind, not outside events...",
  author: "Marcus Aurelius",
  authorTitle: "Meditations",
  cta: "Daily stoic wisdom — follow",
};

npx remotion render QuoteVideo out/quote.mp4

Zod schemas validate the props, which has a nice side effect: AI coding agents (Claude Code, Cursor, Devin) can generate content files safely — the schema catches their mistakes before render.

What's inside

7 formats × 5 themes:

RedditStory — narration over drifting captions (the AITA/horror genre)
TextStory — fake-text conversations
QuoteVideo — cinematic quotes
Listicle — top-N countdowns
Quiz — trivia engagement bait
CaptionOverlay — word-level captions over your own footage
DataStory — animated bar-chart races

Video length derives from the content — no durationInFrames to babysit.

Try one template free

I open-sourced the QuoteVideo template (MIT). Clone, npm install, edit one file, render:

👉 https://github.com/developk/remotion-quote-shorts

The full kit is $19 on Gumroad and just got listed on the official Remotion resources page.

Happy to answer questions — what would you build with it?

DEV Community: 김상현 (Developk)

I built a Remotion kit that renders vertical shorts from a single content file

The workflow

What's inside

Try one template free