Animation gratuite Interactive Multi-Card Digital Wallet
This animation shows how a single wallet can hold and manage multiple payment cards — Visa, Stripe, and Discover — in one place. Built with LottieFiles State Machines, it reacts to user actions: In idle mode, all cards move in a soft loop animation. When a user hovers over a card, it rises above the others, and the wallet balance switches from the total wallet balance to that card’s individual balance. Hovering out resets the animation back to the total balance. It’s a great example of how interactive motion design can make fintech experiences more engaging and user-friendly.
This animation shows how a single wallet can hold and manage multiple payment cards — Visa, Stripe, and Discover — in one place. Built with LottieFiles State Machines, it reacts to user actions: In idle mode, all cards move in a soft loop animation. When a user hovers over a card, it rises above the others, and the wallet balance switches from the total wallet balance to that card’s individual balance. Hovering out resets the animation back to the total balance. It’s a great example of how interactive motion design can make fintech experiences more engaging and user-friendly.
- dotLottie optimiséRecommandé18.9 KB
Taille de fichier la plus petite avec prise en charge des thèmes, des machines à états et de l'interactivité.
86 % plus petit que Lottie JSON - dotLottie20.7 KB
Animation Lottie compressée qui prend en charge les thèmes et les machines à états.
- Lottie JSON optimisé116.7 KB
Format JSON optimisé pour un chargement plus rapide avec une prise en charge Lottie standard.
16 % plus petit que Lottie JSON - Lottie JSON139.3 KB
Format d'animation Lottie standard avec une large compatibilité entre les outils et les plateformes.
Other export formats
Interactions et plugins
Voir tout
Gratuit à utiliser sous la licence Lottie Simple