T Minus

A mission clock ticks T-minus with rolling characters, then slams 'LIFTOFF' over a sunrise glow

Installation

$ pnpm dlx shadcn@latest add @remocn/t-minus

Usage

tsx

// src/Root.tsx
import { Composition } from "remotion";
import { TMinus } from "@/components/remocn/t-minus";
 
const TMinusScene = () => (
  <TMinus
    from={10}
    beat={8}
    title="Liftoff"
    subtitle="remocn 2.0 is live"
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="TMinus"
    component={TMinusScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);

A big T-minus numeral counts down with one hard cut per beat while a small clock above it rolls and edge telemetry flickers. At T-0 a warm bloom fires from the bottom, 'LIFTOFF' slams in and the small clock flips to counting up. Pass from, beat, title, subtitle, stage and status. It ships light and dark through the theme prop. The length shown is for the defaults; in general it is 14 + (from - 1) * beat + 22.

Props9

Prop	Type	Default
from	number10 Seconds on the clock when it starts.
beat	number8 Frames per counted second (the countdown is compressed).
title	string"Liftoff" The word that slams in at T–0. Set in caps.
subtitle	string"remocn 2.0 is live" Small line under the title. Pass "" to hide it.
stage	string"Stage 1" Telemetry, top left.
status	string"Go" Telemetry, top right, next to the live pip.
accent	string"#3B5BFD" Live pip and the small accent marks.
theme	"dark" \| "light""dark" Ships light and dark.
speed	number1 Playback speed multiplier; 1 is the designed pace.

fromnumber
Seconds on the clock when it starts.
Default10
beatnumber
Frames per counted second (the countdown is compressed).
Default8
titlestring
The word that slams in at T–0. Set in caps.
Default"Liftoff"
subtitlestring
Small line under the title. Pass "" to hide it.
Default"remocn 2.0 is live"
stagestring
Telemetry, top left.
Default"Stage 1"
statusstring
Telemetry, top right, next to the live pip.
Default"Go"
accentstring
Live pip and the small accent marks.
Default"#3B5BFD"
theme"dark" | "light"
Ships light and dark.
Default"dark"
speednumber
Playback speed multiplier; 1 is the designed pace.
Default1