Download as
- Lottie JSON
Standard Lottie animation format with broad compatibility across tools and platforms.
47.2 KB - Optimized Lottie JSON
Optimized JSON format for faster loading with standard Lottie support.
27% smaller than Lottie JSON34.6 KB - dotLottie
Compressed Lottie animation that support theming and state machine.
75% smaller than Lottie JSON11.7 KB - Optimized dotLottieRecommended
Smallest file size with support for themes, state machines, and interactivity.
88% smaller than Lottie JSON5.8 KB - Animated SVGNew
Easy-to-share animated format for messaging and social posts.
- GIF
Simple looped video ideal for quick sharing and rough previews.
- MP4
High-quality video format for presentations, social media, and marketing content.
Use via LottieFiles CDN
Generate a CDN link for fast delivery.
Interactions & plugins
View all
Free to use under the Lottie Simple License
Free Interactive Cart Addition Animation Animation
This micro interaction depicts a smoothly animated 'Add to Cart' button, ideal for e-commerce platforms. Beginning with a static button featuring a shopping cart icon and the call-to-action "Add to Cart," the sequence transitions into a loading state where the text disappears, and the button dims. A single bottle then emerges, symbolizing the addition of an item to the cart. The button, showcases a bright yellow bottle placed inside the cart, completing the satisfying visual of a product being chosen. The final images present the successful addition with a checkmark, accompanied by a subtle celebratory burst of particles, providing positive feedback to the shopper's action. This animation, designed using After Effects can be found as Lottie in LottieFiles, offering an engaging and intuitive user experience for online shoppers. I was inspired by Aaron Iker's dribbble🏀.
This micro interaction depicts a smoothly animated 'Add to Cart' button, ideal for e-commerce platforms. Beginning with a static button featuring a shopping cart icon and the call-to-action "Add to Cart," the sequence transitions into a loading state where the text disappears, and the button dims. A single bottle then emerges, symbolizing the addition of an item to the cart. The button, showcases a bright yellow bottle placed inside the cart, completing the satisfying visual of a product being chosen. The final images present the successful addition with a checkmark, accompanied by a subtle celebratory burst of particles, providing positive feedback to the shopper's action. This animation, designed using After Effects can be found as Lottie in LottieFiles, offering an engaging and intuitive user experience for online shoppers. I was inspired by Aaron Iker's dribbble🏀.