Social Flip

A 3D flip credit card. The navy front shows a metallic-silver number, a gold EMV chip, a contactless glyph and duo-tone network marks; clicking or pressing Enter rotates it on the Y axis to reveal the magnetic stripe, an Allura signature panel and the CCV.

An accessible dialog that spirals into place with a compact gradient spiral badge, staggered content, keyboard support, and light and dark themes.

An accessible cinematic dialog that transitions from blur to sharp focus, with a reticle, timecode, keyboard support, and responsive themes.

A magnetic-spread avatar facepile where hovering or focusing one avatar pushes neighbours apart with exponential distance falloff, lifts and scales the active avatar, reveals a name tooltip, and spring-eases back on release — all driven by design tokens.