Round Slam
'ROUND 1' slams in in two hits, then 'SHIP!' punches over a red slashed band.
$ pnpm dlx shadcn@latest add @remocn/round-slamUsage
// src/Root.tsx
import { Composition } from "remotion";
import { RoundSlam } from "@/components/remocn/round-slam";
const RoundSlamScene = () => <RoundSlam round="ROUND 2" call="DEPLOY!" />;
export const RemotionRoot = () => (
<Composition
id="RoundSlam"
component={RoundSlamScene}
durationInFrames={110}
fps={30}
width={1280}
height={720}
/>
);'ROUND' then the number slam in with echoes and a shake, hold with a slow push, then the call ducks up to a label. The call word punches in bigger, cracks along a diagonal, and speed slashes open a band behind it before the logo rises. Pass round and call; it ships light and dark through theme.
Props5
| Prop | Type | Default |
|---|---|---|
| round | string"ROUND 1" The round call, slammed in first in two hits. | |
| call | string"SHIP!" The finisher word, punched in bigger and cracked open by the slashes. | |
| accent | string"#3B5BFD" Color of one of the thin speed slashes. | |
| theme | "dark" | "light""dark" Light or dark ground; ships both. | |
| speed | number1 Playback speed multiplier. | |
- roundstring
The round call, slammed in first in two hits.
Default
"ROUND 1" - callstring
The finisher word, punched in bigger and cracked open by the slashes.
Default
"SHIP!" - accentstring
Color of one of the thin speed slashes.
Default
"#3B5BFD" - theme"dark" | "light"
Light or dark ground; ships both.
Default
"dark" - speednumber
Playback speed multiplier.
Default
1