Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
Apply Disney's 12 principles to create shopping experiences that feel premium, trustworthy, and encourage conversion.
| Action | Duration | Easing |
|---|---|---|
| Add to Cart | 200ms | ease-out |
| Quick View | 250ms | ease-in-out |
| Checkout Step | 350ms | ease-in-out |
| Cart Update | 150ms | ease-out |
| Image Zoom | 300ms | ease-out |
Never let animation slow the path to purchase. Every motion should feel efficient and build buying confidence.