Embargo Lift

"remocn is free, open source and out today" in condensed type with a green accent

Installation

$ pnpm dlx shadcn@latest add @remocn/embargo-lift

Usage

tsx

// src/Root.tsx
import { Composition } from "remotion";
import { EmbargoLift } from "@/components/remocn/embargo-lift";
 
const EmbargoLiftScene = () => <EmbargoLift lines={["remocn is [free],", "[open source]", "and [out today]."]} slug="Embargoed until 9:00 a.m." liftedSlug="Embargo lifted, 9:00 a.m." />;
 
export const RemotionRoot = () => (
  <Composition
    id="EmbargoLift"
    component={EmbargoLiftScene}
    durationInFrames={140}
    fps={30}
    width={1280}
    height={720}
  />
);

The lines show with bracketed phrases hidden behind redaction bars under an embargo slug; the slug flips to the lifted version and the bars lift one at a time to reveal the words. Mark hidden phrases in lines with square brackets, and pass slug, liftedSlug and highlight (the bar that gets the accent).

Props8

Prop	Type	Default
lines	string[]— Lines of text; wrap phrases in square brackets to hide them behind bars.
slug	string"Embargoed until 9:00 a.m." Label shown while the bars are still down.
liftedSlug	string"Embargo lifted, 9:00 a.m." Label shown once the embargo lifts.
highlight	number— Index of the bar that takes the accent; defaults to the last.
accent	string— Color of the highlighted bar; defaults to the theme accent.
background	string— Stage fill color; pass "transparent" to overlay your own footage.
speed	number1 Playback multiplier for the whole timeline.
theme	"dark" \| "light""dark" Color scheme; ships dark and light.

linesstring[]
Lines of text; wrap phrases in square brackets to hide them behind bars.
slugstring
Label shown while the bars are still down.
Default"Embargoed until 9:00 a.m."
liftedSlugstring
Label shown once the embargo lifts.
Default"Embargo lifted, 9:00 a.m."
highlightnumber
Index of the bar that takes the accent; defaults to the last.
accentstring
Color of the highlighted bar; defaults to the theme accent.
backgroundstring
Stage fill color; pass "transparent" to overlay your own footage.
speednumber
Playback multiplier for the whole timeline.
Default1
theme"dark" | "light"
Color scheme; ships dark and light.
Default"dark"