Flip-in card carousel

Swipe between metal cards stood on end: the incoming card turns edge-on as it arrives and then settles flat on its own clock, while the title slides and the price and dots cross-fade. Draggable, with rubber-banding at the ends.

What it is

A carousel of cards stood on end: swipe and the next one turns edge-on as it arrives, then settles flat on its own, while the title and price change with it. The motion makes each card feel like an object with weight rather than a slide in a strip. For choosing a plan or card tier, product variants, membership levels and any small set of options where the choice deserves a moment.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

Part of “Slate: metal card order flow” (Flutter UI demo, via Douyin) · rebuilt neutral · 0:03.5–0:05