781,000+ の無料・プレミアムLottieアニメーションを探索

Lottieアニメーションはオープンソースのファイル形式です。JSONベースのフォーマットで、GIFより約600％も軽量で、編集しやすく、ほぼすべてのプラットフォームで動作します。

Lottieアニメーションは、Webやモバイルアプリのデザインに利用できます。また、WordPressやWebflowといったプラットフォーム、FigmaやAdobe XDなどのデザインツール、さらにはRedditやNotionなどでも使用可能です。ユーザーインターフェースを改善したり、魅力的なマーケティングコンテンツを作成したり、ちょっとした楽しさを加えたりできます。

ディズニー、Headspace、Duolingoなどの業界リーダーがどのようにLottieアニメーションを活用しているかをご覧ください。

IconScoutには無料のLottieアニメーションが豊富に揃っており、さらにAll Accessサブスクリプションに加入するとプレミアムアニメーションも利用可能です。また、LottieFilesでも数千の無料アニメーションを入手できます。

Adobe After Effects用のLottieFilesプラグインを使えば、プロジェクトをLottieアニメーションとして書き出せます。モーションデザインの知識がなくても、静的なSVG画像をSVGからlottieへで簡単にLottieアニメーションに変換できます。

無料のロッティ編集者を使えば、モーションデザインの知識がなくても簡単に編集できます。色、サイズ、フレームレートなどを変更可能です。

HTMLとLottieFilesのWebプレイヤーを使って、簡単にWebページにLottieを追加できます。こちらの記事でLottie用のHTMLコードを自動生成する方法をご確認ください。

React、Svelte、Vue、AngularなどのJavaScriptライブラリやフレームワーク向けに、多くのLottieライブラリがあります。Lottieライブラリとそのドキュメント一覧をご覧ください。

Android、React Native、Flutter、iOSなどのモバイルアプリケーション向けにLottieライブラリがあります。モバイル向けLottieライブラリとそのドキュメント一覧をご確認ください。

IconScout for Figmaプラグインをダウンロードすると、LottieアニメーションをGIFとしてFigmaにドラッグ＆ドロップできます。また、LottieFiles for Figmaプラグインも利用できます。

IconScout for Canvaプラグインをダウンロードすると、LottieアニメーションをGIFとしてCanvaにドラッグ＆ドロップできます。また、LottieFilesからアニメーションをダウンロードしてCanvaデザインで利用することもできます。

LottieアニメーションをGIFとしてダウンロードし、Notionにドラッグ＆ドロップすることができます。また、LottieFilesアニメーションを埋め込むことも可能です。