beat-step-list-theme-cycle
Shot recipes · Edit, render, publish · Apache-2.0
- What it does
An adjective list steps up one row per beat while a fixed center pill catches each word and the background recolors on the same beat.
- Get it
Copy demos/rhythm/beat-step-list-theme-cycle/BeatStepListThemeCycle.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="BeatStepListThemeCycle" component={BeatStepListThemeCycle} durationInFrames={BEAT_STEP_LIST_THEME_CYCLE_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the beat-step-list-theme-cycle shot card". Read the card first: references/shots/rhythm/beat-step-list-theme-cycle.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
Edit the file (colors, logo, text)
No props. It uses no named look: about 16 color values are written in the demo. 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 demos/_fixtures/Brand.tsx (one brand file every demo imports): swap it for the…
- License
Apache-2.0
- From