Payment Status Lottie Animation Pack | 4 Success, Failed, Pending, Card Declined

A silent checkout leaves buyers guessing. Did the payment go through, or should they try again?

This Payment Status Lottie Animation pack answers that in one glance. It gives you 4 clear states for every step of a payment: success, failed, pending and card declined. Each one uses a color people already know: green for paid, red for failed, amber for waiting and orange for a declined card.

Ideal for:

• Checkout and payment pages

• Order confirmation screens

• Mobile banking and wallet apps

• Food delivery and ride apps

• SaaS billing and subscription pages

• Admin and finance dashboards

• Invoice and refund status screens

• Payment error and retry dialogs

• Push notifications and in app alerts

• Fintech landing pages and app demos

Technical benefits:

• Tiny JSON files from 4.5 KB to 11 KB

• Smooth 60 fps motion

• Square 1500 x 1500 canvas

• Seamless 4 second loop

• 100% vector, sharp on any screen

• No images or fonts inside the files

• Easy to change colors to match your brand

• Same style across all 4 states

Compatible with:

• React

• Next.js

• Vue

• Angular

• Flutter

• React Native

• iOS

• Android

• Webflow

• Framer

• WordPress

• HTML websites

• After Effects