← The shelfAdd-to-estimate flight

WBL effects shelf · batch 3 (GSAP) · #04

Add-to-estimate flight

Tap “Add” on an extra and a small price chip flies in an arc into the estimate total, which bumps and updates.

✓ OK to use Not on the never list: it only runs after a tap and confirms what happened. The total is live text (aria-live) either way.

Best for: Cleaners and detailers with add-ons (oven, fridge, pet hair), HVAC tune-up extras, restaurant order buttons.
How: MotionPath along a 3-point curve from the button to the total, then a small scale bump on the total. Reduced motion: the total just updates.
Weight: 1.8 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + MotionPath 9.7 KB gzipped. Plugins: MotionPath.

Scroll ↓
Tune-up extrasEstimate (0) · $0
  • Water heater flushClears sediment, adds years.$89
  • Disposal checkClears jams, checks the seal.$39
  • Main shut-off valveOne turn shuts off the house.$189
← The shelf