Android/iOS/React Native/Web用のLottieアニメーション

Lottieとは、Android/iOS/React Native/Web用のライブラリの総称で、After Effectsから生成したSVGアニメーションをWebモバイル上でリアルタイム再生することができます。javascriptでマイクロインタラクションアニメーションをネイティブアプリ使用することが可能で、画像を表示するかのように、簡単にアニメーションを組み込むことができます。

お好きな方法で使えるLottieアニメーション。

カスタマイズが可能で早い読み込み - 非常に柔軟な使用方法

Lottie アニメーションカテゴリー

ローディング

Code icon
Cloud Computing - SVG Animation For Web
Loader3
Loading Icon Nr. 1

ビジネス

Docs icon
Conversion
Result
Check mark animation

テクノロジー

Devices icon
Startup
Geotag icon
Virtual Reality - SVG Animation For Web

シンボル

Achievement
Heart Icon Animation
Structure
Laughing Animated Reaction

小さなマイクロインタラクションで UI / UX に大きな変化を

ローディンングが早くレスポンシブ

javascriptで希望のマイクロインタラクションを生成することをオススメします。

Lottie JSONファイルとは、After Effects のBodymovinというプラグインを利用したSVGアニメーションです。サイズが小さく、SVGファイルの読み込みは非常に早い。また、スケーリングも可能 - 様々な解像度サイズに変換可能。

様々なプラットフォームへ

Lottieとは、Android/iOS/React Nativeで動くJavaScript ライブラリーの総称です。もちろん、ウェブアプリでも画像を使用するように簡単にJavaScriptでLottie アニメーションを使用可能です。

エモーショナルな体験を作り出す

さらに、Lottieのjavascript コーディングを通し、自由にSVGアニメーションをカスタムすることができます。非常に簡単にマイクロインタラクションを組み込むことにより、高品質なUIアニメーションでより魅力的なUIユーザーへ届けられます。例えば、ループ/スピード変更/リバースもっとインタラクティブなカスタムも可能です。

さあ、始めましょう

ステップ 1

お好きなJSON ファイルをダウンロード

ステップ 2

Lottie JavaScriptライブラリをインストール

Lottieライブラリーをあなたのネイティブプラットフォーム環境でご利用ください。

AndroidiOSReact NativeWeb

ご利用企業&パートナー

メディア掲載