Runway Ground Skim
Runway Ground Skim 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
- hover display ~0.4s + sticking ~1.2s + stand-up turn ~1.8s; whole piece 4s
- Energy
- High (the falling feel is the centerpiece, the stand-up turn is the closure)
- Styles
- 1
Recipe notes
Under a low-angle ground-skimming camera, a group of UI cards sticks down from the air in a quick rain-like burst (starts offset slightly, descents overlap heavily in parallel, stop the instant they land with zero bounce); once landed, the page stands up and the viewpoint turns head-on to close
When to use it
entrances for dashboard/card-flow interfaces (content "falls from the sky and completes itself"); correcting to head-on after low-angle show-off segments; the "unified landing" heavyweight version of the clickup float-and-settle language
Intent
Shoot the interface like a runway: in a low-angle perspective UI cards hover at different heights, then stick down in a quick rain-like burst in interface-position order (row-first, left→right) — the falling feel = clean and crisp. Three linchpins: **overlapping in parallel** (starts only 1.5f apart, 9f descents ⇒ 5–6 cards always in the air together, "almost together but with a ripple"; serial waiting was cut twice), **