Launch video

This is the video we launched Remocn with. Eight beats, thirty-five seconds, built entirely from Remocn components. Below is everything you need to make the same video for your product.

The storyboard8

1. 1
   The painTwo short lines land one after the other, naming the problem you solve.
2. 2
   The reveal"Meet <Product>", uncovered by a swirl of color.
3. 3
   The taglineYour one-liner slides in.
4. 4
   The positioning"Like X, for Y" assembles itself word by word.
5. 5
   The montageSix fast cuts: a feature name over a different animated background each time.
6. 6
   The valueThree claims stack up, line by line.
7. 7
   The installA terminal types out your install command or call to action.
8. 8
   The outroYour logo draws itself on, with one quiet closing line.

Your words9

This is the whole creative work — nine blanks:

Product name

• remocn

Two pain linesSix words or fewer each; they're on screen for about two seconds

• Every launch needs a video
• Yours shouldn't take a week

TaglineOne line

• Cinematic video components for React

PositioningThe "Like X, for Y" sentence

• Like shadcn/ui, for video

Six feature labelsOne or two words each

• Typography
• Transitions
• Shaders
• UI primitives
• Captions
• Logo stings

Three value claimsShort, concrete, no adjectives you can't prove

• 110+ components
• One command to install
• The code is yours

Install command or CTAWhatever you want typed on screen

npx shadcn add @remocn/shader-swirl

Closing line

• Open source, all the way down

Accent coloroptionalOne hex value; the default lime looks good

Leave empty for the default lime

The prompt

Paste it into your agent with your words in place of the highlighted blanks.

I'm making a product launch video with remocn (remocn.dev).

Build a ~35-second, 1920×1080, 30fps launch video for <PRODUCT NAME> in this
Remotion project, using remocn components — install anything you need with
`npx shadcn add @remocn/<name>`:

1. Pain — two short lines, one after the other (scale-down-fade):
   "<PAIN LINE 1>" then "<PAIN LINE 2>".
2. Reveal — "Meet <PRODUCT NAME>", uncovered by a swirling shader transition
   (shader-swirl as a transition cover).
3. Tagline — "<TAGLINE>" (short-slide-right).
4. Positioning — "<LIKE X, FOR Y>", assembling word by word (kinetic-center-build).
5. Montage — six hard cuts, one per feature: a fullscreen shader background
   (color-panels, warp, mesh-gradient, voronoi, metaballs, god-rays), a dark
   scrim, and one label each: <SIX FEATURE LABELS>.
6. Value — three claims stacking line by line (line-by-line-slide):
   <THREE CLAIMS>.
7. Install — a short title beat, then a terminal line that types itself:
   `<INSTALL COMMAND OR CTA>`.
8. Outro — my logo (<LOGO FILE, or: use the product name as a wordmark>) over
   a blooming shader-smoke-ring, with a quiet closing line: "<CLOSING LINE>".

Style: warm dark background (#141318), off-white text, one accent color
<ACCENT COLOR>, Manrope. One quiet shader-simplex-noise field runs behind the
entire video with a radial scrim for readability. Transitions are shader
covers (swirl, dithering), not plain crossfades. Use my copy exactly as
written.

Directing the result

The first cut won't be the final one — that's normal. Direct with plain sentences:

• The pain lines go by too fast — hold each one longer.
• Cut the montage to four beats.
• Use my brand background #0B0B0F instead.
• The tagline should come in from the left.
• Make the outro two seconds shorter.

Get the file