dotLottie RuntimesNew

dotLottieランタイムによって、あらゆるプラットフォームでLottieをシームレスにサポートし、超高速なロード時間を楽しめます。

もっと詳しく知る

魅力的なアニメーションをあらゆるウェブサイトに。

コードスニペットを貼り付けるだけで、美しいアニメーションをあらゆるウェブページに追加できます。

コード生成

あなたのdotLottie/Lottie JSON URL:
URLがありませんか?Lottie JSON / dotLottieファイルをこちらでアップロードして取得できます。
幅 (px/%)
高さ (px/%)
背景色

アニメーションスピード

コントロール

アニメーションコントロールを表示: 再生、停止 & スライダー

自動再生

読み込み時にアニメーションを再生

ホバー

ホバー時にアニメーションを再生

ループ

アニメーションを繰り返す

再生モード
通常
バウンス
方向
前進
後退

生成されたコード

<script src= type=></script>
<dotlottie-player src= background= speed= style= direction= playMode= loop controls autoplay></dotlottie-player>

Lottieは他の多くのツールでもネイティブにサポートされています

FlowProtoPieWebflowFramerCanvaWordPressWixSketch

すべてのプラグイン&統合

モーションがシンプルに

アニメーションスキルを次のレベルに引き上げましょう。