ウェブ・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 ウェブ ネイティブに反応

よくある質問

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

ロイヤリティフリーとは、ロイヤリティへの支払いなしに知的財産の使用が可能であるということです。一度、ロイヤリティフリーライセンス取得のために支払いを行うと、購入ユーザーは、再度の支払いなしにそのストック素材を使用し続けることができます。

ロイヤリティフリーライセンスは使用権限を付与するものですが、知的財産は依然として元の制作者に帰属します。ロイヤリティフリーライセンスの購入ユーザーは、ストック素材を使用する権利を得ていると言うことになります。つまり、ロイヤリティフリー素材は独占的にそのストック素材を使用できるということではありません。

しかし、ロイヤリティフリー素材の使用には様々な利点があります。購入ユーザーは使用に際してロイヤリティ保有者の名前を表示する必要はなく、各ストック素材が何度でも異なるプロジェクトにおいて使用可能となります。