Post Script

A signoff and signature rise, then shrink away as a P.S. line grows and an install command wipes in.

Installation

$ pnpm dlx shadcn@latest add @remocn/post-script

Usage

tsx

// src/Root.tsx
import { Composition } from "remotion";
import { PostScript } from "@/components/remocn/post-script";
 
const PostScriptScene = () => (
  <PostScript
    signoff="Thanks for watching."
    signature="— the Acme team"
    ps="Your next launch film is a prop away."
    install="npx shadcn add @acme/launch-film"
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="PostScript"
    component={PostScriptScene}
    durationInFrames={180}
    fps={30}
    width={1280}
    height={720}
  />
);

The signoff rises word by word with the signature beneath it. A P.S. line (label in the accent color, then ps) follows, the signoff shrinks and dims upward as the P.S. grows to full size, and the install command wipes in at the bottom. The defaults mention Remocn, so pass your own signature and install. It ships light and dark.

Props9

Prop	Type	Default
signoff	string"Thanks for watching." Large first line that rises in and later shrinks.
signature	string"— the remocn team" Small line under the signoff; pass an empty string to hide it.
label	string"P.S." Accent-colored prefix of the P.S. line.
ps	string"The next launch film is yours." Text of the P.S. line after the label.
install	string"npx shadcn add @remocn/zoom-blur" Command or link that wipes in at the bottom; empty hides it.
accent	string— Color of the label and the install line.
background	string— Background fill; pass "transparent" to drop it.
speed	number1 Playback speed multiplier for the whole timeline.
theme	"dark" \| "light""dark" Light or dark palette.

signoffstring
Large first line that rises in and later shrinks.
Default"Thanks for watching."
signaturestring
Small line under the signoff; pass an empty string to hide it.
Default"— the remocn team"
labelstring
Accent-colored prefix of the P.S. line.
Default"P.S."
psstring
Text of the P.S. line after the label.
Default"The next launch film is yours."
installstring
Command or link that wipes in at the bottom; empty hides it.
Default"npx shadcn add @remocn/zoom-blur"
accentstring
Color of the label and the install line.
backgroundstring
Background fill; pass "transparent" to drop it.
speednumber
Playback speed multiplier for the whole timeline.
Default1
theme"dark" | "light"
Light or dark palette.
Default"dark"