research-card-stack-scroll
Shot recipes · A camera move · Apache-2.0
- What it does
Dark paper cards drop into the center every twelve frames and pile along a downward-right axis, squashing on landing while only the topmost card renders its full text as the rest blur into the stack.
- Get it
Copy demos/ui-entrance/research-card-stack-scroll/ResearchCardStackScroll.tsx into a Remotion project with demos/_fixtures/Motion.tsx; fix the import paths; then <Composition id="ResearchCardStackScroll" component={ResearchCardStackScroll} durationInFrames={RESEARCH_CARD_STACK_SCROLL_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the research-card-stack-scroll shot card". Read the card first: references/shots/ui-entrance/research-card-stack-scroll.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)
No props. It uses no named look: about 8 color values are written in the demo. Where its fonts come from was not checked.
- License
Apache-2.0
- From