「Lottie」ウィジェットは、ウェブサイトにアニメーションを追加するウィジェットです。
LottiはAdobe After Effectsで作成されたアニメーションです。Lottiの作り方は無料ウェブサービスなどもあり、それらを使うことでも作ることができますが、今までデザインをしたことがない人からすると難易度が高いかもしれません。
Lottiはファイルサイズが小さくスムーズに再生できるため、ウェブサイトのパフォーマンスに影響を与えることが少なく、リッチなアニメーションを表示することができます。
Lottiウィジェットを使うと、Lottieファイルをカンタンにウェブサイトに追加できます。ファイルをアップロードするか、URLを入力するだけで、アニメーションがページに表示されます。アニメーションはループ再生や再生速度の調整が可能で、スクロールやホバーなどに応じて再生されるよう設定することもできます。
アニメーションは視覚的にインパクトがあり、注意を引き付けるチカラがあります。「Lottiを作ること自体、難易度が少し高い」ことは変わりませんが、もし作れるのであればこのウィジェットは便利かもしれません。