LottieFiles
0:000:00
ステートマシン

Download as

  • Lottie JSON

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

    202 KB
  • Optimized Lottie JSON

    Optimized JSON format for faster loading with standard Lottie support.

    20% smaller than Lottie JSON
    160.9 KB
  • dotLottie

    Compressed Lottie animation that support theming and state machine.

    86% smaller than Lottie JSON
    28.5 KB
  • Optimized dotLottieRecommended

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

    87% smaller than Lottie JSON
    26.7 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.

インタラクションとプラグイン

すべて表示
figma
after-effects
framer
canva
webflow
wix

Lottieシンプルライセンスの下で無料で使用可能

無料Interactive Walking vs Driving Navigation Cardsアニメーション

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

関連アニメーション