Product Hunt launch video: a 20-second film in code

Direct answer

Start from the launch-day film template: it cuts title cards, a dive into the product, a prompt composing itself, a grid of supporters and an end card together with whip pans, in about 20 seconds. Replace the copy and the screenshot with yours, pass your theme, check a few frames, and render. Keep it short and lead with what the product does.

The four beats of a launch film

1. Title cards: What launches today, in two or three short lines.
2. The product at work: A real screen, not a mock.
3. The people behind it: The team or the backers you may show.
4. One ask: Your name, one link and one action.

Install the launch-day film

The template installs every component it uses, so it renders before you change a line.

npx shadcn@latest add https://better-design.com/registry/video/film-launch-day.json

Replace the copy with yours

• Title cards: what launches today, in two or three short lines.
• The product shot: a real screenshot, not a mock.
• Supporters: only names you have permission to show.
• End card: your name, one link and one ask.

Let your agent plan it instead

With the Better Design MCP, ask for a launch film in one sentence. plan-video returns the beats, one component per beat, the install commands and a TransitionSeries file to fill in.

Steal this workflow

Run this guide in your own assistant. The prompt carries the guide link and the workflow summary, so the assistant can adapt it to your project.

Read the guide "Product Hunt launch video: a 20-second film in code" at https://better-design.com/blog/product-hunt-launch-video and help me apply it to my project.

Start from the launch-day film template: it cuts title cards, a dive into the product, a prompt composing itself, a grid of supporters and an end card together with whip pans, in about 20 seconds. Replace the copy and the screenshot with yours, pass your theme, check a few frames, and render. Keep it short and lead with what the product does.

Start by asking what I am building and which tools I use. Then walk me through the workflow step by step, adapted to my answers.

Questions

Sources

• Product Hunt launch guide
• Remotion: TransitionSeries
• Remotion licence

Related

• Every video component, playing
• Launch-day film in the gallery