Floating Glossy Label Pills
Floating Glossy Label Pills 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.0s (120f@30fps)
- Energy
- Medium (three position shifts form the beat, no explosion; the cursor is the attention hand-off at the end)
- Styles
- 1
Recipe notes
Four light-gray dashboard wireframe panels each topped with a glossy highlight capsule label in a row; the track shifts position over three beats to the right (ease-in → mid push → ease-out, first beat slower with a long tail); the centered one magnifies and sharpens, the two sides shrink to 0.62, sink, fade and slightly blur, forming a corridor feel; at the end a black cursor with a white outline slides diagonally from top right to rest at the right end of the last capsule
When to use it
multi-function horizontal enumeration (Feature A–D, one screen each); product overview / feature tour paragraphs, also usable as a looping base for landing-page heroes
Intent
Showing four features one full screen at a time means four cuts, and the viewer re-orients every time. A corridor carousel has only one visual center: the centered panel is the protagonist, while a sliver of each neighbor on either side tells the viewer "there's more, and this is one queue". The cursor at the end is deliberate: it hands the narrative from "the system is auto-playing" back to "a person is operating this", setting up the interactive shot of the next beat.