【Unity】UIアニメーションのアセット6選|DOTweenとPrimeTweenを比較

DOTweenがAsset Storeに出たのは2015年1月。10年以上たった今も、UnityでUIを動かすアセットといえばまずこの名前が挙がります。ただここ数年で、メモリを確保しないことを売りにしたPrimeTweenが伸びてきて、「結局どっちを入れればいいの?」と迷う人が増えているんですね。

この記事では、UnityのUIアニメーションに使えるアセット6本(無料3本・有料3本)を、コードで書くタイプ・インスペクターで組むタイプ・演出をまとめて足すタイプに分けて比べます。後半では、同じ「パネルが下から出てくる」動きをDOTweenとPrimeTweenの両方で書いて、書き方の違いを並べました。

価格・バージョン・更新日は2026年11月11日時点のAsset Storeの表示で、価格はストアの枠と同じ税込のドル表示です。機能の説明は、ストアのページと公式ドキュメントに書かれている範囲にとどめています。

スポンサーリンク

UIアニメーションのアセットは3タイプ

ボタンを押した時にぷにっと縮む、メニューが横から滑り込む、スコアの数字がカウントアップする。こうした動きを付けるアセットは、大きく3つに分かれます。

タイプ 動きの作り方 今回の候補
コードで書く(Tweenライブラリ) C#で「どこへ・何秒で・どんな加速で」を1行で書く DOTween、PrimeTween、LeanTween
インスペクターで組む コンポーネントを付けて、値を入力するだけで動かす DOTween Pro、PrimeTween PRO
演出をまとめて足す 揺れ・音・振動・画面のフラッシュなどを1つのプレイヤーで同時に鳴らす Feel

「Tween(トゥイーン)」は、始まりと終わりの値を決めて、その間を自動で埋めるアニメーションのことです。Animatorでキーフレームを打つのと違い、終わりの位置をコードから毎回変えられるので、UIのように「状況によって行き先が変わる」動きと相性がいいんです。

有料の2本(DOTween Pro・PrimeTween PRO)は、それぞれ無料版の上に乗る拡張です。まず無料版をコードで使ってみて、デザイナーと分担したくなったらPro版、という順番で考えると迷いにくいと思います。

なお、UIの画面遷移をまとめて管理するDoozy UI Manager 2022は、2026年11月時点でストアのページが「deprecated」(新規購入できない状態)になっていたので、今回の候補からは外しました。

ほかのジャンルも含めて定番のアセットを探しているなら、40本をまとめたこちらの記事もどうぞ。

無料で使えるUIアニメーションのアセット3選

1. DOTween(Demigiant)

いちばん使われている定番のTweenライブラリで、無料です。最新は1.3.045(2026年10月12日更新)。ストアの説明では、Unity 2022.3以降が必要で、Unity 6以降でも動くと書かれています。

UIでよく使うのは、RectTransformの位置を動かすDOAnchorPos、CanvasGroupやImageの透明度を変えるDOFade、拡大縮小のDOScaleあたり。DOTween.Sequence()で複数の動きを順番に、または同時に流すこともできます。文字列を1文字ずつ出すDOTextもあるので、会話ウィンドウの文字送りにも使えますね。

入れたあとに1つだけ手順があります。公式の「Get started」によると、インポートしたらTools > Demigiant > DOTween Utility Panelを開いて「Setup DOTween…」を押す必要があります。ここでUIや物理などのモジュールを有効にするので、これを忘れると、UI向けのDOAnchorPosなどがうまく使えないことがあります。最初につまずきやすい所なので、インポートしたらまずここ、と覚えておくと安心です。

向いている人:日本語の解説記事を見ながら進めたい人、既存のプロジェクトやチュートリアルがDOTween前提になっている人

注意点として、ストアの説明には「1.2.815(2026年2月6日)より古い版から上げるとエラーが出るので、Unityを再起動してセットアップをやり直す」と書かれています。古いDOTweenが入ったプロジェクトを更新する時は、先にバックアップを取っておきましょう。ライセンスは公式サイトの説明で、商用・非商用のどちらでも無料で使えるが、改変したものの再配布はできない、となっています。

2. PrimeTween(Kyrylo Kuzyk)

「実行中にメモリを一切確保しない」ことを売りにした、新しめのTweenライブラリです。ストアでの正式名は「PrimeTween · High-Performance Animations and Sequences」。無料で、最新は1.5.2(2026年10月28日更新)。対応の表記はUnity 2022.3以降で、1.5.2の変更履歴にはUnity 7への対応も入っています。

書き方はTween.UIAnchoredPositionY(panel, 0f, 0.4f, Ease.OutBack)のように、Tween.のあとに動かしたいものの名前を続ける形。入力補完で候補が出てくるので、慣れると調べものが減ります。uGUIだけでなくUI Toolkitの要素も動かせると、ストアの説明にあります。

DOTweenから来た人向けの用意が手厚いのも特徴です。公式のREADMEには、DOTweenの書き方とPrimeTweenの書き方を並べた対応表があり、さらにPRIME_TWEEN_DOTWEEN_ADAPTERというシンボルを追加すると、DOTween風の書き方のまま使える「アダプター」も入っています。

向いている人:これから新しくプロジェクトを始める人、スマホ向けでGC(ガベージコレクション)によるカクつきを減らしたい人

注意点は、日本語の情報がまだ少ないこと。困った時は英語のREADMEやフォーラムを読むことになります。インストールは、デモシーン付きのAsset Store版が推奨で、Package Manager(npmのScoped Registry)から入れる方法もREADMEで案内されています。性能の比較は作者自身が公開しているベンチマークなので、気になる人は自分のプロジェクトで測ってみるのが確実です。

3. LeanTween(Dented Pixel)

DOTweenと並んで昔からある無料のTweenライブラリです。ストアの説明ではCanvasのUIにも対応していて、スプラインに沿った移動やイベントの仕組みも入っています。

ただ、最新の2.51は2021年12月20日の更新が最後で、対応の表記もUnity 2022.1までです。古いチュートリアルや、昔のプロジェクトで使われているのを見かけることは多いと思います。

更新が5年近く止まっているので、Unity 6で新しく始めるならDOTweenかPrimeTweenを選ぶのが無難です。すでにLeanTweenで組んだプロジェクトを保守する時の候補、と考えてください。

有料のUIアニメーションのアセット3選

4. DOTween Pro(Demigiant)

DOTweenに、コードを書かずに動きを付けるコンポーネントを足した有料版です。価格は16.50ドル(税込)、最新は1.0.435(2026年10月12日更新)。無料のDOTweenも中に含まれています。

中心になるのは「DOTween Animation」コンポーネント。UIのオブジェクトに付けて、移動・フェード・色・回転・拡大縮小・パンチ・シェイク・テキストなどの種類を選び、値を入れるだけで動きます。ストアの説明によると、プレイモードに入らずにプレビューでき、ボタンのOnClickから再生する設定もしやすい作りです。TextMesh Proの文字を1文字ずつ傾けたり拡大したりする機能もPro版の範囲ですね。

向いている人:すでにDOTweenを使っていて、ボタンやポップアップの細かい動きをインスペクターで調整したい人、プログラマーとデザイナーで作業を分けたいチーム

注意点は、パスに沿って動かす「Visual Path Editor」がUIのRectTransformに対応していないこと(ストアの説明に明記)。UIを曲線で動かしたい時は、コードで書くことになります。

5. PrimeTween PRO(Kyrylo Kuzyk)

PrimeTweenの有料版で、価格は32.99ドル(税込)、最新は1.5.2-pro(2026年10月28日更新)。無料版のすべての機能を、コードなしでインスペクターから使えるようにしたものです。

「TweenAnimationComponent」を付けると、複数の動き・待ち時間・コールバックを組み合わせたアニメーションをインスペクターだけで作れます。ストアの説明では、エディットモードで全体を再生したり、タイムラインを手で動かして確かめたりできるとのこと。ほかに、Job SystemとBurstを使って最大2倍速くなる仕組み(対象は通常のTweenだけで、Sequenceは対象外)も入っています。

向いている人:PrimeTweenで新しく始めて、演出の調整は見ながらやりたい人、Unity 6で長く開発するつもりの人

DOTween Proと比べると価格は約2倍。そのぶん、タイムラインで確かめながら組める点が違いです。ストアに出たのが2026年4月と新しい商品なので、日本語のレビューはまだほとんど見当たりません。

6. Feel(More Mountains)

UIだけでなく、ゲーム全体の「手ごたえ」を足すためのアセットです。価格は55ドル(税込)、最新は6.3(2026年10月20日更新)で、ストアの説明ではUnity 6に完全対応と書かれています。

ほかの5本と違うのは、動きを1つずつ書くのではなく、150種類以上の「フィードバック」を積み重ねて演出を作るところ。たとえば「ボタンを押したら、ボタンが弾む・効果音が鳴る・画面が少し揺れる・スマホが振動する」を、1つのプレイヤーにまとめて同時に鳴らせます。45以上のデモシーンと、振動用のNice Vibrationsも含まれています。

向いている人:アクションゲームで、UIと画面の揺れ・音・振動をセットで気持ちよくしたい人

注意点は、ダウンロードサイズが約300MBと大きいこと(DOTweenは1MB未満)。UIを少し動かしたいだけなら、Tweenライブラリのほうが軽く済みます。このブログではFeelの中身を詳しく紹介した記事も書いているので、気になる人はあわせてどうぞ。

DOTweenとPrimeTweenの書き方を比較

どちらを選ぶか迷ったら、実際のコードを見比べるのがいちばん早いです。ここでは「ポーズメニューのパネルが、下からスライドしながらフェードインする」動きを両方で書きました。

前提として、パネルのオブジェクトにCanvasGroupを付けておき、閉じた状態ではAlphaを0、パネルのY座標をhiddenYの位置にしておきます。

DOTweenで書く場合

using DG.Tweening;
using UnityEngine;

// DOTween版:パネルを下からスライドさせながらフェードイン/アウトする
public class PanelSlideDOTween : MonoBehaviour
{
    [SerializeField] RectTransform panel;     // 動かすパネル
    [SerializeField] CanvasGroup canvasGroup; // 透明度をまとめて変えるため
    [SerializeField] float hiddenY = -600f;   // 隠れている時のY座標

    public void Open()
    {
        panel.DOKill();       // 前のアニメーションが残っていたら止める
        canvasGroup.DOKill();
        canvasGroup.blocksRaycasts = true;

        DOTween.Sequence()
            .Append(panel.DOAnchorPosY(0f, 0.4f).SetEase(Ease.OutBack))
            .Join(canvasGroup.DOFade(1f, 0.25f))
            .SetUpdate(true)       // Time.timeScale = 0 のポーズ中でも動かす
            .SetLink(gameObject);  // オブジェクトが消えたら一緒に止める
    }

    public void Close()
    {
        panel.DOKill();
        canvasGroup.DOKill();
        canvasGroup.blocksRaycasts = false; // 閉じている間はクリックを通す

        DOTween.Sequence()
            .Append(panel.DOAnchorPosY(hiddenY, 0.3f).SetEase(Ease.InCubic))
            .Join(canvasGroup.DOFade(0f, 0.3f))
            .SetUpdate(true)
            .SetLink(gameObject);
    }
}

ポイントは最後の2行です。ポーズメニューはTime.timeScaleを0にした状態で開くことが多いので、SetUpdate(true)を付けないとパネルが止まったまま動きません。SetLinkは、シーン移動などでパネルが消えた時にTweenも止めるための設定で、公式ドキュメントに「GameObjectが破棄されると自動でKillされる」と書かれています。

PrimeTweenで書く場合

using PrimeTween;
using UnityEngine;

// PrimeTween版:やっていることは DOTween 版と同じ
public class PanelSlidePrimeTween : MonoBehaviour
{
    [SerializeField] RectTransform panel;
    [SerializeField] CanvasGroup canvasGroup;
    [SerializeField] float hiddenY = -600f;

    public void Open()
    {
        canvasGroup.blocksRaycasts = true;

        // useUnscaledTime: true で、ポーズ中(timeScale = 0)でも動く
        Sequence.Create(useUnscaledTime: true)
            .Group(Tween.UIAnchoredPositionY(panel, 0f, 0.4f, Ease.OutBack))
            .Group(Tween.Alpha(canvasGroup, 1f, 0.25f));
    }

    public void Close()
    {
        canvasGroup.blocksRaycasts = false;

        Sequence.Create(useUnscaledTime: true)
            .Group(Tween.UIAnchoredPositionY(panel, hiddenY, 0.3f, Ease.InCubic))
            .Group(Tween.Alpha(canvasGroup, 0f, 0.3f));
    }
}

PrimeTweenのほうは、前の動きを止めるDOKillがありません。READMEによると、同じ対象に新しいTweenを始めると、今の位置から始まって前のTweenを上書きしてくれるからです。開く・閉じるのボタンを連打しても、途中の位置から自然につながります。

どちらのコードも、Unity 6000.3.14f1のDLLと、DOTweenのDLL・PrimeTween 1.5.2のソースを参照してビルドが通ることを確認しました(Unityエディタ上での動作はまだ試していません)。

書き方の対応表

DOTweenで書いたコードをPrimeTweenに移す時によく出てくる対応を、PrimeTweenのREADMEの表から抜き出しました。

やりたいこと DOTween PrimeTween
同時に動かす sequence.Join() sequence.Group()
順番に動かす sequence.Append() sequence.Chain()
ポーズ中も動かす SetUpdate(true) useUnscaledTime: true
途中で止める tween.Kill(false) tween.Stop()
一瞬で終わらせる tween.Kill(true) tween.Complete()
少し待ってから実行 DOVirtual.DelayedCall() Tween.Delay()
好きな値を動かす DOTween.To() Tween.Custom()

1つ気をつけたいのが繰り返しの指定です。READMEには、DOTweenのLoopType.YoyoはPrimeTweenのCycleMode.Rewindに当たる、と注意書きがあります。名前だけで置き換えると、動きが変わってしまうので気をつけてください。

比較表と目的別のおすすめ

6本をまとめると、次のようになります。

アセット 価格(税込) 最終更新 作り方 ひとこと
DOTween 無料 2026-10-12 コード 情報が多い定番。Setupを忘れずに
PrimeTween 無料 2026-10-28 コード メモリを確保しない。新規なら第一候補
LeanTween 無料 2021-12-20 コード 更新停止。既存の保守向け
DOTween Pro 16.50ドル 2026-10-12 インスペクター+コード 安く足せるノーコード
PrimeTween PRO 32.99ドル 2026-10-28 インスペクター+コード タイムラインで確かめられる
Feel 55ドル 2026-10-20 インスペクター 音・揺れ・振動までまとめる

※価格はAsset Storeの枠と同じ税込表示(2026年11月11日時点)。

はじめてTweenを使う:DOTween(日本語の記事が多く、調べながら進めやすい)

Unity 6で新しく作り始める:PrimeTween(メモリを確保しない作りで、READMEも丁寧)

コードを書かずに動きを調整したい:手元がDOTweenならDOTween Pro、PrimeTweenならPrimeTween PRO

アクションの手ごたえまで作り込みたい:Feel(UIのTweenはDOTweenかPrimeTweenと分担してもOK)

個人的には、これから始めるならまず無料のPrimeTweenで書いてみて、日本語の情報が欲しい場面が多ければDOTweenに切り替える、という順番がいいと思います。どちらも無料なので、両方入れて同じ動きを書き比べてみるのも勉強になりますよ。

有料の3本は、Asset Storeのセールで値下がりすることがあります。まとめて買うなら、今どのアセットが安くなっているか先に確かめておくと損をしにくいです。毎月のセール情報はこちらにまとめています。

アセットなしで足りるUIアニメーション

最後に、アセットを入れなくても済むケースにも触れておきます。

ボタンの押した感じを変えるだけなら、ButtonコンポーネントのTransitionを「Animation」にして、Animatorで状態ごとの動きを付ける方法があります。手順はボタンの作り方の記事で書きました。

また、見た目そのものを整えたい場合は、動きのアセットより先にUIの素材パックを選ぶほうが近道です。素材型と機能型のUIアセットの違いはこちらで比べています。

キャラクターのモーションなど、UI以外のアニメーションのアセットを探している人はアニメーション系アセットのおすすめ7選も参考にしてください。

まとめ

UnityのUIアニメーションは、コードで書くならDOTweenかPrimeTween、インスペクターで組むならそれぞれのPro版、演出をまとめて足すならFeel、と役割で分けると選びやすくなります。LeanTweenは更新が止まっているので、新しく始めるなら避けたほうが安心です。

DOTweenは情報の多さ、PrimeTweenはメモリを確保しない作りとUnity 6以降への追従の早さが強み。無料の2本はどちらも、今日入れてすぐ試せます。

有料版を買う前には、今月のAsset Storeのセール情報も一度のぞいてみてください。

著者プロフィール
うんくん

IT系に特化した記事がメインです。(Unity多め。)
Udemy講師もやっています。よろしくお願いします。

※Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。

うんくんをフォローする
アセット
スポンサーリンク
シェアする
うんくんをフォローする