LottieFiles
Lottie-interactive
0:000:00

無料Lottie-interactiveアニメーション

Hey people! Today we've released lottie-interactive, a simple and easy way to make your lottie animations interactive. Lottie-interactive is a custom web element adding hover, loop, play-once, play-on-show, click, morph and switch interactions to your lottie animations! We've also added quality of life additions such as the option to reset your animation or not (good for logos). If you want to check it out, head over to: https://github.com/samuelOsborne/Lottie-interactive Also available on npm: https://www.npmjs.com/package/lottie-interactive Have a great day and get animating!

Hey people! Today we've released lottie-interactive, a simple and easy way to make your lottie animations interactive. Lottie-interactive is a custom web element adding hover, loop, play-once, play-on-show, click, morph and switch interactions to your lottie animations! We've also added quality of life additions such as the option to reset your animation or not (good for logos). If you want to check it out, head over to: https://github.com/samuelOsborne/Lottie-interactive Also available on npm: https://www.npmjs.com/package/lottie-interactive Have a great day and get animating!

  • 最適化 dotLottie推奨
    4.6 KB

    テーマ、ステートマシン、インタラクティブ機能に対応した、最小ファイルサイズ。

    Lottie JSON より 87% 小さい
  • dotLottie
    5.1 KB

    テーマ設定とステートマシンに対応した、圧縮された Lottie アニメーション。

  • 最適化 Lottie JSON
    27.3 KB

    標準の Lottie に対応した、より高速に読み込める最適化済み JSON 形式。

    Lottie JSON より 24% 小さい
  • Lottie JSON
    36 KB

    幅広いツールやプラットフォームと互換性のある標準 Lottie アニメーション形式。

Other export formats

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

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

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

アニメーションタグ