A product card that tilts in 3D toward the pointer on a spring, giving flat content a sense of depth and weight.
Tilt Card maps the pointer position over a card to a gentle rotation on both axes, smoothed by a spring so the card leans toward the cursor and eases back when it leaves. The maximum angle is configurable and can be inverted, and the transform only touches compositor-friendly properties, so it stays smooth even with rich content inside. The card keeps its natural size in the layout, so the effect never pushes surrounding content around. On touch screens and for visitors who prefer reduced motion the card simply stays flat. Use it for product tiles, feature highlights, pricing cards and portfolio thumbnails where a little physicality invites exploration.