Lottie アニメーション Lottie アニメーション

ウェブ・Android・iOSデバイス用のLottieファイルでときめきを

Lottieアニメーションを、あなたの思いのままに。

カスタマイズ可能で、高速読み込み。使い方は自由自在。

-3
-2
-1
0
1
2
3

マイクロインタラクションは小さくても、 UI / UX に大きなメリットをもたらします

レスポンシブで高速なロード時間

JavaScriptでのマイクロインタラクション制作を強く推奨します。

LottieのJSONファイルは、After EffectsからBodymovinプラグインを使って作成したSVGアニメーションです。SVGファイルはサイズが小さいので、読み込みが速いです。また、適応力が高く、複数の寸法やサイズに対応します。

クロスプラットフォーム

Lottieは、Android・iOS・React Native・ウェブで動作するJavaScriptライブラリです。画像と同様、JavaScriptから簡単にLottieアニメーションをサイトやアプリでご使用いただけます。

Lottieを始めましょう

LottieはAndroid、iOS・React Native & Web ライブラリです。After EffectsからエクスポートされたSVGアニメーションをモバイル・ウェブ上でリアルタイムでレンダリングするので、ネイティブアプリで静止画像を使用するのと同じくらい簡単にJavaScriptでマイクロインタラクションアニメーションを使用できます。

必要なJSONファイルをダウンロード

ユーザーインターフェイスにマイクロインタラクションを簡単に追加できるので、この高品質UIアニメーションでユーザーを引き付けることができます。

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

Lottieライブラリを、あなたのお好きなネイティブプラットフォームに統合しましょう。

よくある質問

よくある質問で解決できない場合は、 ヘルプセンター をご覧いただくか、弊社に お問い合わせ ください。

Lottieアニメーションは、Web、Android、iOS、React Nativeといったプラットフォームで使用可能です。つまり、携帯電話アプリ、デスクトップアプリ、 Web制作プロジェクト、Webサイトにてご利用いただけます。