hashtag-to-pill-materialize
Shot recipes · A whole scene · Apache-2.0
- What it does
A typed "#word" hard-cuts into a wide pill tag, holds, shrinks into its slot on the page, then hard-cuts again to reveal the finished view.
- Get it
Copy demos/interaction/hashtag-to-pill-materialize/HashtagToPillMaterialize.tsx into a Remotion project with demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="HashtagToPillMaterialize" component={HashtagToPillMaterialize} durationInFrames={HASHTAG_TO_PILL_MATERIALIZE_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the hashtag-to-pill-materialize shot card". Read the card first: references/shots/interaction/hashtag-to-pill-materialize.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, text)
No props. It uses no named look: about 17 color values are written in the demo. Where its fonts come from was not checked. Words are written in the demo.
- License
Apache-2.0
- From