Card Flip Reveal
Card Flip Reveal is a transitions 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
- Transitions
- Duration
- Single flip 26f, three-card stagger 10f, ~4.9s total (incl. hold)
- Energy
- Medium-High
- Styles
- 1
Recipe notes
Feature card 3D flip reveal — a card flips 180° around the Y axis, and at its thinnest side-edge moment a highlight band that moves with the angle sweeps across; the back face reveals a large conclusion number, cards scanning across the whole row one by one with staggered timing
When to use it
Paired "feature→outcome" narratives: a row of feature cards each flips out its own metric/conclusion; an element-level transition card
Intent
The library's "flip" family already includes wall-reveal-moves B (a full-wall wave flip, about entrances) and split-flap (character flips, about text). This card is **semantic flipping**: a card's two faces are a causal pair — the front is the feature UI, the back is the numeric conclusion it produces. The flip itself is the answer to "so what?", the standard syntax of Apple bento sections. Sweeping across a row with a 10f stagger per card, three cards and three number beats read as "results delivered in sequence".