Pushup Card Stack
A pinned frame where each card is pushed out of view by the one behind it. The outgoing card shrinks to half and tilts ten degrees while its own photograph counter-zooms to 1.5, so the picture appears to hold still as its frame retreats. All three moves run at the same timeline position, so a card leaves at exactly the rate the next one arrives and there is never a gap between them.
Art is not what you see. It is what you feel in the blur, the chaos, the motion, every pulse captured in color and form.
Raw Emotion
Inner Conflict
Fury and Flow
Rebellion
Liberation
This is not just motion. It is meaning in movement. In every blurred edge and amplified hue, we trace the shape of something deeper, truth in abstraction.
npx shadcn@latest add https://ui.aryank.space/r/pushup-card-stack.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | PushupCard[] | Five BLANK cards | Tag and image per card. Pin length scales with how many are supplied. |
| introHeading / outroHeading | string | BLANK copy | Copy on the screens around the stack. |
| embedded | boolean | true | Own the scroll container so it fits a bounded box. Set false to drive it from the window scroll. |
cardstextCard images and their corner tags.
introHeading / outroHeadingtextThe screens either side of the stack.
gsaplenis