LottieFiles
Interactive Fintech App Payment Card Blocking & Unblocking
0:000:00
State Machines

Free Interactive Fintech App Payment Card Blocking & Unblocking Animation

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.

  • Optimized dotLottieRecommended
    25.4 KB

    Smallest file size with themes and interactivity.

    90% smaller than Lottie JSON
  • dotLottie
    27.2 KB

    Compressed, supports theming and states.

  • Optimized Lottie JSON
    203.2 KB

    Optimized JSON for faster loading.

    22% smaller than Lottie JSON
  • Lottie JSON
    262.1 KB

    Standard Lottie format, broad compatibility.

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License