LottieFiles
0:000:00

Free Interactive Fintech App Payment Card Blocking & Unblocking Animation

27.2 KB

An interactive animation that demonstrates how users can block and unblock their payment cards instantly within a fintech app. The animation starts with a red toggle that blocks the card — when the card is inserted into a POS, the transaction is declined. Switching the toggle to green unblocks the card — the POS reloads and approves the payment with a green checkmark. This simple yet powerful interaction highlights how motion design can visually communicate security, control, and trust in digital banking experiences.

An interactive animation that demonstrates how users can block and unblock their payment cards instantly within a fintech app. The animation starts with a red toggle that blocks the card — when the card is inserted into a POS, the transaction is declined. Switching the toggle to green unblocks the card — the POS reloads and approves the payment with a green checkmark. This simple yet powerful interaction highlights how motion design can visually communicate security, control, and trust in digital banking experiences.

State Machines

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License

cookie

We use cookies for essential website functions and to better understand how you use our site, so we can create the best possible experience for you ❤️