アニメーションとトランジション · ランキング
アニメーションとトランジションのランキング。更新時期、利用状況、品質、評価で対象パッケージを比較します。
作成・管理: Ducafecat · データソース: pub.dev / GitHub
ランキング規則
条件：公開≤365日、Pub確認≤7日、月間ダウンロード≥100、Pub点数≥100。確認済みのアーカイブ済みリポジトリは除外。基本点：更新40%、利用35%、品質15%、評価10%。カテゴリ点=基本点+新着+潜在力（最大106）。新着：経過≤30日で3×(1−経過日数/30)。潜在力：経過≤90日、点数≥130、月間ダウンロード≤10000で+3。順位と経過日数は生成時に固定。最大50件、公開済みカテゴリ順位順。
| 順位 | パッケージ | カテゴリ総合点 | 基本点 | 新着ボーナス | 潜在力ボーナス | バージョン公開日 | リリース後の日数 | 過去30日のダウンロード | Pub ポイント | いいね | リリースの新しさ (40%) | 利用状況 (35%) | Pub 品質 (15%) | 評価 (10%) | Pub 指標確認日時 | ソースリポジトリ | リポジトリ Stars（採点対象外） | 最終プッシュ（採点対象外） | リポジトリ確認日時 | アーカイブ済み | 詳細 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | lottiev3.8.2 Flutter上でAfter Effectsアニメーションをネイティブにレンダリングします。このパッケージは、Lottieプレーヤーの純粋なDart実装です。 AndroidiOSWebmacOSWindowsLinux | 97 | 95.3 | 1.7 | 0 | 13 | 2,280,000 | 160 / 160 | 4,580 | 90.4 | 100 | 100 | 91.5 | 2026/11/15 16:28 (UTC+8) | xvrh/lottie-flutter | 1,295 | 2026/09/18 16:55 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 2 | dismissible_pagev2.1.1 任意の方向にページを閉じることができるFlutterウィジェット。退屈な戻るボタンや単調な遷移を忘れましょう。 AndroidiOSWebmacOSWindowsLinux | 89.9 | 87.4 | 2.5 | 0 | 4 | 38,300 | 160 / 160 | 694 | 96.4 | 76.4 | 100 | 71 | 2026/11/15 16:28 (UTC+8) | Tkko/Flutter_dismissible_page | 173 | 2023/06/23 18:54 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 3 | heroinev0.7.2+1 ヒーロー遷移の女王。Flutterで最も中毒性のあるインタラクション。 AndroidiOSWebmacOSWindowsLinux | 87.4 | 81.9 | 2.5 | 3 | 5 | 8,810 | 150 / 160 | 340 | 96.2 | 65.8 | 93.8 | 63.3 | 2026/11/15 16:28 (UTC+8) | whynotmake-it/rivership (共有リポジトリ) | 131 | 2026/09/16 1:53 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 4 | marqueerv2.7.0 複数方向のスクロール、ユーザーインタラクション、プログラム制御が可能なカスタマイズ可能なFlutterマーキー小道具。 AndroidiOSWebmacOSWindowsLinux | 82.4 | 77.6 | 1.8 | 3 | 12 | 6,290 | 150 / 160 | 92 | 91.2 | 63.3 | 93.8 | 49.2 | 2026/11/15 16:28 (UTC+8) | GeceGibi/marqueer | 14 | 2026/05/14 18:37 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 5 | full_svg_flutterv1.5.4 Flutter用のアニメーションSVGレンダラー — SMIL、CSSキーフレーム、フィルター、パスモーフィング、JSランタイム、SVGator対応、再生制御、flutter_svg互換API。 AndroidiOSmacOSWindowsLinux | 81.6 | 76.6 | 2 | 3 | 9 | 3,790 | 160 / 160 | 28 | 92.7 | 59.6 | 100 | 36.6 | 2026/11/15 16:28 (UTC+8) | — | — | — | — | 不明 | 詳細pub.dev ↗ | |
| 6 | animationsv3.0.0 任意のFlutterアプリケーションに簡単に統合できる、洗練された事前構築アニメーション。 AndroidiOSWebmacOSWindowsLinux | 80 | 80 | 0 | 0 | 87 | 1,310,000 | 160 / 160 | 6,890 | 50.9 | 100 | 100 | 96 | 2026/11/15 16:28 (UTC+8) | flutter/packages (共有リポジトリ) | 5,310 | 2026/09/18 15:07 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 7 | simple_ripple_animationv0.1.1 このパッケージは、簡単にセットアップしてカスタマイズできるリップルアニメーションウィジェットを提供しており、選択した色に関係なく美しいです。 AndroidiOSWebmacOSWindowsLinux | 77.7 | 74.7 | 0 | 3 | 31 | 7,900 | 160 / 160 | 154 | 78.6 | 65 | 100 | 54.8 | 2026/11/15 16:28 (UTC+8) | jemisgoti/simple_ripple_animation | 8 | 2024/11/16 15:55 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 8 | vsync_providerv0.6.0 VsyncProvider は AnimationController に vsync を提供します。これは provider パッケージと連携して動作します。 AndroidiOSWebmacOSWindowsLinux | 77.3 | 71.6 | 2.7 | 3 | 3 | 377 | 160 / 160 | 10 | 97.5 | 43 | 100 | 26 | 2026/11/15 16:28 (UTC+8) | mono0926/vsync_provider | 23 | 2026/09/09 12:01 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 9 | animated_styled_widgetv0.5.1 シリアル化可能なスタイルを使用して、カスタマイズ可能でアニメーション付きのウィジェットを作成できます。 プラットフォーム情報なし | 75.8 | 71.6 | 1.2 | 3 | 17 | 785 | 160 / 160 | 86 | 87.2 | 48.3 | 100 | 48.5 | 2026/11/15 16:04 (UTC+8) | KevinVan720/animated_styled_widget | 26 | 2024/12/28 1:02 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 10 | motionv2.0.3 子要素にジャイロスコープまたはホバーに基づくモーション効果を適用するファッショナブルなウィジェット。 AndroidiOSWeb | 74.6 | 70.9 | 0.7 | 3 | 23 | 869 | 150 / 160 | 289 | 83.7 | 49 | 93.8 | 61.6 | 2026/11/15 16:28 (UTC+8) | mrcendre/motion | 49 | 2026/03/18 19:01 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 11 | hyper_effectsv0.4.1 わずかなコードの行数で、美しいエフェクトとアニメーションを作成できます。 AndroidiOSWebmacOSWindowsLinux | 74.3 | 70.9 | 0.4 | 3 | 25 | 743 | 160 / 160 | 356 | 82 | 47.9 | 100 | 63.8 | 2026/11/15 16:28 (UTC+8) | hyper-designed/hyper_effects | 99 | 2026/09/10 14:32 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 12 | animated_tov0.9.1 AnimateTo は、子要素を新しい位置にアニメーションさせるが、計算は必要ありません。 AndroidiOSWebmacOSWindowsLinux | 71.6 | 68.6 | 0 | 3 | 48 | 2,930 | 160 / 160 | 211 | 69 | 57.8 | 100 | 58.2 | 2026/11/15 16:28 (UTC+8) | chooyan-eng/animated_to | 130 | 2026/07/18 9:27 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 13 | flutter_micro_interactionsv0.3.2 Flutterアプリ用の事前構築されたマイクロインタラクションおよびアニメーションのコレクションです。タップフィードバック、ホバー効果、ボタン状態、入力フォーカスの遷移を含みます。 AndroidiOSWebmacOSWindowsLinux | 71.2 | 68.2 | 0 | 3 | 30 | 901 | 160 / 160 | 46 | 79.3 | 49.3 | 100 | 41.8 | 2026/11/15 16:28 (UTC+8) | — | — | — | — | 不明 | 詳細pub.dev ↗ | |
| 14 | animated_vectorv0.2.3 ベクターデータベースのアニメーションをサポートするパッケージ。 AndroidiOSWebmacOSWindowsLinux | 69.5 | 69.5 | 0 | 0 | 51 | 18,900 | 150 / 160 | 26 | 67.2 | 71.3 | 93.8 | 35.8 | 2026/11/15 16:28 (UTC+8) | — | — | — | — | 不明 | 詳細pub.dev ↗ | |
| 15 | cuev0.4.0 物理を最優先とするFlutterアニメーションと、コンポーザブルでタイムライン駆動のAPI AndroidiOSWebmacOSWindowsLinux | 69.2 | 69.2 | 0 | 0 | 62 | 11,600 | 160 / 160 | 218 | 61.6 | 67.7 | 100 | 58.5 | 2026/11/15 16:28 (UTC+8) | Milad-Akarie/cue | 118 | 2026/09/13 21:43 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 16 | rive_nativev0.1.11 Flutter用のRiveのネイティブランタイムとレンダラー。 AndroidiOSWebmacOSWindowsLinux | 67.4 | 67.4 | 0 | 0 | 103 | 430,000 | 130 / 160 | 55 | 44.9 | 93.9 | 81.3 | 43.7 | 2026/11/15 16:28 (UTC+8) | — | — | — | — | 不明 | 詳細pub.dev ↗ | |
| 17 | flutter_physicsv0.2.3 カスタマイズ可能なスプリングおよび重力シミュレーションを含む、物理ベースのアニメーションを提供するFlutterパッケージで、物理シミュレーションとしてもアニメーションカーブとしても使用できます。 AndroidiOSWebmacOSWindowsLinux | 66.7 | 63.7 | 0 | 3 | 64 | 2,490 | 160 / 160 | 64 | 60.9 | 56.6 | 100 | 45.3 | 2026/11/15 16:28 (UTC+8) | sangddn/flutter_physics | 26 | 2026/09/12 8:24 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 18 | go_transitionsv0.8.4 GoTransitions を使って、ルートに簡単に遷移を作成・結合・適用できます。 AndroidiOSWebmacOSWindowsLinux | 66.2 | 63.2 | 0 | 3 | 76 | 7,560 | 150 / 160 | 56 | 55.3 | 64.6 | 93.8 | 43.9 | 2026/11/15 16:28 (UTC+8) | — | — | — | — | 不明 | 詳細pub.dev ↗ | |
| 19 | page_transitionv2.2.2 Flutter ページ遷移パッケージで、2番目のページの遷移 AndroidiOSWebmacOSWindowsLinux | 65.4 | 65.4 | 0 | 0 | 175 | 463,000 | 150 / 160 | 1,580 | 25.8 | 94.4 | 93.8 | 80 | 2026/11/15 16:28 (UTC+8) | kalismeras61/flutter_page_transition | 481 | 2026/05/24 1:38 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 20 | page_animation_transitionv1.1.1 このパッケージを使用すると、アプリケーションに美しいページ遷移を追加できます。 AndroidiOSWebmacOSWindowsLinux | 62.5 | 59.5 | 0 | 3 | 68 | 763 | 160 / 160 | 46 | 58.8 | 48.1 | 100 | 41.8 | 2026/11/15 16:28 (UTC+8) | aayushkedawat/page_animation_transition | 8 | 2026/09/07 21:52 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 21 | simple_animationsv5.3.0 短時間で美しいカスタムアニメーションを作成するための強力なパッケージ。 AndroidiOSWebmacOSWindowsLinux | 61.9 | 61.9 | 0 | 0 | 175 | 72,500 | 160 / 160 | 2,000 | 25.8 | 81 | 100 | 82.5 | 2026/11/15 16:28 (UTC+8) | felixblaschke/simple_animations | 1,056 | 2026/05/24 1:22 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 22 | animate_dov5.1.0 Animate.cssからインスパイアされた美しいアニメーションで、外部の依存関係なしにカスタマイズ可能なウィジェットベースのアニメーションを提供します。 AndroidiOSWebmacOSWindowsLinux | 61.5 | 61.5 | 0 | 0 | 210 | 110,000 | 160 / 160 | 4,920 | 19.8 | 84 | 100 | 92.3 | 2026/11/15 16:28 (UTC+8) | Klerith/animate_do_package | 359 | 2026/04/19 6:41 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 23 | flip_panel_plusv2.0.0 画像、カウントダウン、時計などのフリップパネルアイテム用のパッケージで、組み込みアニメーション付き。 AndroidiOSWebmacOSWindowsLinux | 58.2 | 55.2 | 0 | 3 | 73 | 210 | 160 / 160 | 37 | 56.7 | 38.7 | 100 | 39.5 | 2026/11/15 16:04 (UTC+8) | omar-alshyokh/flutter_flip_panel_plus | 11 | 2026/09/03 1:50 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 24 | motorv1.1.0 Flutter用の統合されたモーションシステム - 物理ベースのスプリングと期間ベースのカーブを1つのAPIで提供。 AndroidiOSWebmacOSWindowsLinux | 51.2 | 51.2 | 0 | 0 | 348 | 105,000 | 140 / 160 | 252 | 6.8 | 83.7 | 87.5 | 60.1 | 2026/11/15 16:28 (UTC+8) | whynotmake-it/rivership (共有リポジトリ) | 131 | 2026/09/16 1:53 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 25 | spoiler_widgetv1.0.25 Telegramで使用されているものと同様のスパイラーアニメーションを作成できるFlutterパッケージで、タップまたはクリックするまで、センシティブな内容やスパイラーを含むコンテンツを非表示にできます。 AndroidiOSWebmacOSWindowsLinux | 46.1 | 46.1 | 0 | 0 | 201 | 1,090 | 160 / 160 | 97 | 21.1 | 50.6 | 100 | 49.8 | 2026/11/15 16:04 (UTC+8) | zhukeev/spoiler_widget | 24 | 2026/04/27 21:03 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 26 | entryv1.0.3 ウィジェットを生き生きとさせましょう – Entry を使えば、ウィジェットを表示状態に簡単にアニメーションできます。1つのウィジェットで不透明度、スケール、位置、角度のアニメーションが可能になります。 AndroidiOSWebmacOSWindowsLinux | 45.7 | 45.7 | 0 | 0 | 280 | 2,490 | 160 / 160 | 315 | 11.5 | 56.6 | 100 | 62.5 | 2026/11/15 16:28 (UTC+8) | MickaelHrndz/entry | 29 | 2026/02/08 3:26 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 27 | animation_kitv0.0.2 アプリのユーザーエクスペリエンスを向上させるためのアニメーションとユーティリティのコレクションを提供するFlutterパッケージです。 AndroidiOSLinuxmacOSWebWindows | 44.7 | 44.7 | 0 | 0 | 355 | 35,600 | 150 / 160 | 3 | 6.5 | 75.9 | 93.8 | 15.1 | 2026/11/15 16:28 (UTC+8) | sunarya-thito/animation_kit | 0 | 2025/11/25 11:29 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 28 | awesome_shake_widgetv1.1.1 Flutterウィジェットで、振動アニメーションとオプションのバイブレーション効果を提供し、無効なフォームや注意喚起、ユーザーインタラクションフィードバックに最適です。 AndroidiOS | 44.3 | 44.3 | 0 | 0 | 227 | 1,810 | 160 / 160 | 21 | 17.3 | 54.3 | 100 | 33.6 | 2026/11/15 16:28 (UTC+8) | juanmadelboca/awesome_shake_widget | 6 | 2026/04/02 2:19 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 29 | scroll_drag_detectorv0.1.0+2 その中にスクロールビューが含まれている場合でも処理できるドラッグジェスチャー検出器。 AndroidiOSLinuxmacOSWebWindows | 43.3 | 43.3 | 0 | 0 | 314 | 9,040 | 150 / 160 | 10 | 8.9 | 65.9 | 93.8 | 26 | 2026/11/15 16:28 (UTC+8) | whynotmake-it/rivership (共有リポジトリ) | 131 | 2026/09/16 1:53 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 30 | springsterv1.0.2 スプリングアニメーションとシミュレーション、簡略化。 AndroidiOSWebmacOSWindowsLinux | 42.6 | 42.6 | 0 | 0 | 348 | 4,000 | 150 / 160 | 81 | 6.8 | 60 | 93.8 | 47.8 | 2026/11/15 16:28 (UTC+8) | whynotmake-it/rivership (共有リポジトリ) | 131 | 2026/09/16 1:53 | — | 未アーカイブ | 詳細pub.dev ↗ | |
| 31 | gooeyv0.2.0 レイアウトに依存しないFlutter用のゴーオ/メタボール効果ウィジェット。近くの要素が液体のように融合するように見える AndroidiOSWebmacOSWindowsLinux | 41.8 | 41.8 | 0 | 0 | 208 | 294 | 160 / 160 | 54 | 20.1 | 41.2 | 100 | 43.5 | 2026/11/15 16:28 (UTC+8) | — | — | — | — | 不明 | 詳細pub.dev ↗ |