LottieFiles
Interactive Walking vs Driving Navigation Cards
0:000:00
State Machines

Free Interactive Walking vs Driving Navigation Cards Animation

This free interactive Lottie animation lets users toggle between walking and driving navigation cards to instantly compare trip time and distance. Built with Lottie Creator’s State Machines, it demonstrates how interactivity can transform static navigation visuals into dynamic, user-friendly experiences. Perfect for: Mobile apps & websites with maps/navigation features UI/UX prototypes Explainer demos of walking vs driving routes

This free interactive Lottie animation lets users toggle between walking and driving navigation cards to instantly compare trip time and distance. Built with Lottie Creator’s State Machines, it demonstrates how interactivity can transform static navigation visuals into dynamic, user-friendly experiences. Perfect for: Mobile apps & websites with maps/navigation features UI/UX prototypes Explainer demos of walking vs driving routes

  • Optimized dotLottieRecommended

    Smallest file size with support for themes, state machines, and interactivity.

    87% smaller than Lottie JSON
    26.7 KB
  • dotLottie

    Compressed Lottie animation that support theming and state machine.

    28.5 KB
  • Optimized Lottie JSON

    Optimized JSON format for faster loading with standard Lottie support.

    20% smaller than Lottie JSON
    160.9 KB
  • Lottie JSON

    Standard Lottie animation format with broad compatibility across tools and platforms.

    202 KB

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License