scroll-brake-moves
Shot recipes · Movement on a still · Apache-2.0
- What it does
2 named moves on one card: changelog-scroll-brake (A 2400px scroll decelerates exponentially over 50 frames, motion blur driven by per-frame speed, and the target row lifts lit while the rest dim); brake-reticle-lock (The scroll overshoots 30px past the target and springs back, and on the brake frame corner brackets fly in and bite with a popping label).
- Get it
Copy demos/data/scroll-brake-moves/BrakeReticleLock.tsx (and its 1 sibling file(s) in the same folder) into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Fixtures.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="BrakeReticleLock" component={BrakeReticleLock} durationInFrames={BRAKE_RETICLE_LOCK_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the scroll-brake-moves shot card". Read the card first: references/shots/data/scroll-brake-moves.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 (2 demo files). It uses no named look: about 6 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…
- License
Apache-2.0
- From