Lustre Cards — Metal Payment Card Carousel with Live Reflections for React Native & Expo

The card screen is where a bank feels premium — or doesn't. Lustre Cards draws each card in a live material: a light sits in front of it, and as the card turns in the carousel, tilts under your finger or flips over, the reflection slides across the metal and stretches along its brushing.

• Six materials, one shader. Brushed steel, champagne gold, black titanium, rose gold, an iridescent prism film and frosted glass — or your own, from a few numbers. Dithered so dark metal never bands; highlights roll off instead of clipping.
• A complete card. Chip, contactless mark, an embossed number whose edges catch the light, holder, expiry and an original network mark. The back has a magnetic stripe, a signature panel and a security code that shows only while held.
• A carousel with depth. The card in focus faces you, lifted; the others turn away, darker, still visible. Flings land on a card; a plan panel cross-fades along with them.
• Freeze. Frost grows across the card from one corner, with a line of crystals at its front, and the print turns readable on the ice.
• Tilt it. Press and hold, hover with a mouse, or feed in a motion sensor.
• Accessible: one adjustable control, an action that reads out the code, reduced-motion support. 60 fps on integrated graphics in the browser.

Two complete demos — "pick your card" onboarding and a card detail screen — each in light and dark. All names, numbers and the bank are invented; no real card network marks.