Product Intro

Recipes

Product Intro

Product intro or feature showcase with title cards and CTA.

Install

$ npx remotion-ui@latest add --recipe product-intro

Render

$ npx remotion render src/Root.tsx Intro out/intro.mp4

Usage notes

Use Intro for a short branded opener.
Use Showcase when you want a multi-scene product sequence.
Use TitleCard, FeatureList, LogoReveal, and EndCard when assembling a custom composition.
Keep the first message short and visually dominant.
Import installed components from local source paths, not from remotion-ui.

Agent notes

Prefer this recipe when the user asks for a product intro, demo opener, or feature showcase.

Typical imports

Imports

import { Intro } from "@/compositions/intro";
import { Showcase } from "@/compositions/showcase";
import { TitleCard } from "@/remotion/scenes/title-card";

Podcast Clip

Audio-first clip with waveform visuals and synced captions.

Lower Third Scene

Lower thirds, title cards, stat cards, and quote overlays.