LottieFiles
UI/UX
0:000:00

無料UI/UXアニメーション

Animation in UI isn’t just about movement — it’s about meaning. A well-timed micro-interaction can guide, reassure, or even delight the user without saying a word. The goal isn’t to decorate the interface but to make it feel alive, responsive, and human. When done right, animation becomes invisible — but its impact stays with the user.

Animation in UI isn’t just about movement — it’s about meaning. A well-timed micro-interaction can guide, reassure, or even delight the user without saying a word. The goal isn’t to decorate the interface but to make it feel alive, responsive, and human. When done right, animation becomes invisible — but its impact stays with the user.

  • 最適化 dotLottie推奨
    5.3 KB

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

    Lottie JSON より 93% 小さい
  • dotLottie
    5.3 KB

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

  • 最適化 Lottie JSON
    66.2 KB

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

    Lottie JSON より 8% 小さい
  • Lottie JSON
    72 KB

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

Other export formats

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

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

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

アニメーションタグ