chip-grid-single-select-blackout
Shot recipes · A whole scene · Apache-2.0
- What it does
Five option chips fade in, then a single gray press frame flashes before the chosen chip turns solid black with a tiny bounce while the others drop to eighteen percent without moving.
- Get it
Copy demos/interaction/chip-grid-single-select-blackout/ChipGridSingleSelectBlackout.tsx into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Look.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="ChipGridSingleSelectBlackout" component={ChipGridSingleSelectBlackout} durationInFrames={CHIP_GRID_SINGLE_SELECT_BLACKOUT_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the chip-grid-single-select-blackout shot card". Read the card first: references/shots/interaction/chip-grid-single-select-blackout.md.
- Needs (the whole pack)
Remotion 4 and React 19, and FFmpeg for its checks. No Tailwind, no CSS files, no web fonts.
- Re-skin
By tokens (colors, type, logo)
No props. Colors come from one named look in demos/_fixtures/Look.tsx (LOOKS.porcelain; 8 looks of about 14 values each): change the name or add your own look. Fonts come from the shared fixture files (FONT in Polish.tsx, type() in Look.tsx). The logo and name on screen are the pack's own, from…
- License
Apache-2.0
- From