juliangarnier/anime

これは何？

主な機能

• 01単一のAPIでCSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトをアニメーションさせます。
• 02staggerを使って、複数の対象に遅延を設定できます。
• 03easing関数、ループ、交互再生に対応しています。
• 04ES modulesとして提供され、UMD、CJS、IIFE形式のビルドも利用できます。
• 05TypeScriptの型宣言が含まれています。

ユースケース

• 読み込み時にボックスを移動・回転させるなど、Webページの要素に動きを加える。
• WebインターフェースでSVGのパスやアイコンをアニメーションさせる。
• Canvasや独自のレンダリング処理向けに、JavaScriptオブジェクトの数値をトゥイーンする。

クイックスタート

1. 1

   npm でパッケージをインストールします

   npm i animejs
2. 2

   animejs から animate と stagger をインポートし、セレクターに対して animate を呼び出します

トピック

よくある質問

anime とは？

CSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトをアニメーションさせる軽量なJavaScriptライブラリ。 Anime.jsは、CSSプロパティ、SVG要素、DOM属性、JavaScriptオブジェクトをアニメーションさせるための共通APIを備えたJavaScriptアニメーションエンジンです。対象のセレクターとプロパティ値を指定してアニメーションを定義し、duration、delay、easing、ループ、交互再生などのオプションで動作を制御します。

anime は無料で使えますか？ライセンスは？

anime は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

anime は今もメンテナンスされていますか？

半年以内に更新あり。anime の最終コミットは 2026年8月21日 です。

anime は何に使えますか？

読み込み時にボックスを移動・回転させるなど、Webページの要素に動きを加える。 WebインターフェースでSVGのパスやアイコンをアニメーションさせる。 Canvasや独自のレンダリング処理向けに、JavaScriptオブジェクトの数値をトゥイーンする。

anime のインストール方法は？

npm でパッケージをインストールします: npm i animejs animejs から animate と stagger をインポートし、セレクターに対して animate を呼び出します

anime はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/juliangarnier/anime