gradient-word-sweep
Shot recipes · A title · Apache-2.0
- What it does
A gradient light sweeps left to right across a keyword, charging each character with glow that decays behind the wavefront until the whole word breathes.
- Get it
Copy demos/typography/gradient-word-sweep/GradientWordSweep.tsx into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="GradientWordSweep" component={GradientWordSweep} durationInFrames={GRADIENT_WORD_SWEEP_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the gradient-word-sweep shot card". Read the card first: references/shots/typography/gradient-word-sweep.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 8 color values are written in the demo. Where its fonts come from was not checked. 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 client's. Words are written in the demo.
- License
Apache-2.0
- From