Card Stack
Card Stack is a ui entrance & showcase Remotion shot (with a public demo.tsx). Watch the video preview, read the recipe notes, and copy the agent brief to implement it from tuned TSX.
- Category
- UI Entrance & Showcase
- Duration
- ~4.2s (126f@30fps)
- Energy
- Medium-high (the entrance is a chain of small bursts; the spread closes as one smooth whole-body move)
- Styles
- 1
Recipe notes
8 cards spring in one by one from below the screen, stacking into a pile; once all settle, the whole pile fans out into a 3D spread in one move — each card rotates 8° by index, shifts 34px laterally, and steps one z-layer back
When to use it
product sections that need to convey "we have a set of things"; establishment shot for card walls / template libraries / solution lists, also usable as a beat of build-up before a logo
Intent
A pile of cards first coalesces into one object, then spreads into a set of objects — order matters: give "the whole" first, then "the individuals". What the viewer registers first is a weighted pile (quantity), and only second does each card read as different (diversity). The spread is held until the very end and done in one shot, so it doesn't fight the entrance beat.