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ライブラリを、あなたのお好きなネイティブプラットフォームに統合しましょう。

Android iOS ウェブ ネイティブに反応

よくある質問

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

Lottie 애니메이션은 웹, Android, iOS 및 리액트 네이티브(React Native) 플랫폼에서 사용할 수 있습니다. 즉, 모바일 및 데스크톱 앱, 웹사이트 프로젝트 및 웹 페이지에서 사용할 수 있습니다.