Holographic card carousel
Klarna card selector that feels like flipping through Pokémon trading cards, ghost-duplicate infinite scroll, pointer tilt, accelerometer-driven holo layers, and iOS haptic steps.
- Interaction
- CSS
- Motion
What I wanted
A tactile, collectible feel for choosing between payment cards, not a flat swiper. The interaction should reward exploration without feeling gimmicky on mobile.
What I built with Cursor
- Five-card arc layout with silent copy recentering so navigation never teleports.
- Holo shimmer masked to each card silhouette, rainbow, shine, and glare layers driven by pointer or gyro.
- Swipe, keyboard, and arrow navigation with overlap-safe stepping.
Why it matters
Most of the polish is compositor hygiene, z-index during transitions, isolation for blend modes, and killing Safari flicker. AI helped iterate the math; judgment calls were about when to stop adding effects.
ExperimentBuilding petermarc.com: design, code, and AI in one repo
A full rebuild of my portfolio and services site: not a template swap, but a typed content layer, token-driven CSS, scroll-linked sections, and a component library shaped around how I actually pitch founder work, built iteratively in Cursor with the same stack I recommend to clients..
ExperimentIcon burst
Native Apple-style app icons bursting outward in every direction on tap.
Have a product flow that feels harder to explain than it should?
Send me your product, MVP, deck, or prototype. I'll tell you where I'd start.