Completing a loyalty card feels like a real accomplishment. In the physical world, even getting a stamp is satisfying: a small ritual that makes progress feel tangible. How do you capture that feeling in an app?

Instead of a point counter that ticks up, each digital stamp lands like a real one. It slams onto the card at its own slight angle, the card bounces, and the line underneath counts down to your free coffee. Your latest order slides into the list at the same moment.

When the card is full, it celebrates: a wiggle, a shine across the card and a wave through all eight stamps.

Built entirely in Rive with state machines, components and data binding. No scripts.

One number drives everything: stamps (0 to 8). A scan adds one; a scan on a full card starts a new card.

The stamp is one component, reused eight times, each with its own index and tilt.

Order rows fade in as their stamp arrives; older rows slide down with layout animation.

The scan button has hover and press states and works with screen readers.

The Rive file holds only the card screen. In the video it runs inside a real iOS app (SwiftUI with the Rive runtime), so the status bar and tab bar are native.

Want a stamp card, streak or reward moment like this in your app? Send me a message.