動畫與過渡 · 榜單
動畫與過渡分類榜單:從版本時效、使用量、品質和認可度比較符合條件的套件。
榜單編製: Ducafecat · 資料來源: pub.dev / GitHub
排行規則
資格:版本發布≤365天、Pub同步≤7天、月下載≥100、Pub分數≥100,排除明確已封存的原始碼倉庫。原分:維護40%、使用35%、品質15%、認可10%。分類分=原分+近期獎勵+潛力獎勵,最高106分。近期獎勵:≤30天時為3×(1−版本天數/30)。潛力獎勵:≤90天、Pub分數≥130、月下載≤10000時加3分。名次與版本年齡於生成時凍結,每榜最多50筆,依發布的分類名次排序。
| 排名 | 套件 | 分類綜合分 | 原綜合分 | 近期獎勵 | 潛力獎勵 | 版本發布時間 | 發布後天數 | 近 30 天下載 | Pub 分數 | 喜歡 | 維護時效 (40%) | 使用熱度 (35%) | 基礎品質 (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日 下午4:28 (UTC+8) | xvrh/lottie-flutter | 1,295 | 2026年9月18日 下午4: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日 下午4:28 (UTC+8) | Tkko/Flutter_dismissible_page | 173 | 2023年6月23日 下午6: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日 下午4:28 (UTC+8) | whynotmake-it/rivership (共用儲存庫) | 131 | 2026年9月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日 下午4:28 (UTC+8) | GeceGibi/marqueer | 14 | 2026年5月14日 下午6: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日 下午4: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日 下午4:28 (UTC+8) | flutter/packages (共用儲存庫) | 5,310 | 2026年9月18日 下午3: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日 下午4:28 (UTC+8) | jemisgoti/simple_ripple_animation | 8 | 2024年11月16日 下午3: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日 下午4:28 (UTC+8) | mono0926/vsync_provider | 23 | 2026年9月9日 中午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日 下午4: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日 下午4:28 (UTC+8) | mrcendre/motion | 49 | 2026年3月18日 晚上7: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日 下午4:28 (UTC+8) | hyper-designed/hyper_effects | 99 | 2026年9月10日 下午2: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日 下午4:28 (UTC+8) | chooyan-eng/animated_to | 130 | 2026年7月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日 下午4: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日 下午4: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日 下午4:28 (UTC+8) | Milad-Akarie/cue | 118 | 2026年9月13日 晚上9:43 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 16 | rive_nativev0.1.11 Rive 在 Flutter 上的原生執行時間和渲染器。 AndroidiOSWebmacOSWindowsLinux | 67.4 | 67.4 | 0 | 0 | 103 | 430,000 | 130 / 160 | 55 | 44.9 | 93.9 | 81.3 | 43.7 | 2026年11月15日 下午4: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日 下午4:28 (UTC+8) | sangddn/flutter_physics | 26 | 2026年9月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日 下午4:28 (UTC+8) | — | — | — | — | 未知 | 查看詳情pub.dev ↗ | |
| 19 | page_transitionv2.2.2 Flutter 頁面過渡套件,用於第二個頁面的過渡 AndroidiOSWebmacOSWindowsLinux | 65.4 | 65.4 | 0 | 0 | 175 | 463,000 | 150 / 160 | 1,580 | 25.8 | 94.4 | 93.8 | 80 | 2026年11月15日 下午4:28 (UTC+8) | kalismeras61/flutter_page_transition | 481 | 2026年5月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日 下午4:28 (UTC+8) | aayushkedawat/page_animation_transition | 8 | 2026年9月7日 晚上9: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日 下午4:28 (UTC+8) | felixblaschke/simple_animations | 1,056 | 2026年5月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日 下午4:28 (UTC+8) | Klerith/animate_do_package | 359 | 2026年4月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日 下午4:04 (UTC+8) | omar-alshyokh/flutter_flip_panel_plus | 11 | 2026年9月3日 凌晨1:50 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 24 | motorv1.1.0 Flutter 的統一運動系統 - 基於物理的彈簧與基於持續時間的曲線,皆透過一個 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日 下午4:28 (UTC+8) | whynotmake-it/rivership (共用儲存庫) | 131 | 2026年9月16日 凌晨1:53 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 25 | spoiler_widgetv1.0.25 一個 Flutter 套件,用於建立類似 Telegram 使用的Spoiler動畫,讓您能夠隱藏敏感或包含劇透的內容,直到被點擊或觸碰才顯示。 AndroidiOSWebmacOSWindowsLinux | 46.1 | 46.1 | 0 | 0 | 201 | 1,090 | 160 / 160 | 97 | 21.1 | 50.6 | 100 | 49.8 | 2026年11月15日 下午4:04 (UTC+8) | zhukeev/spoiler_widget | 24 | 2026年4月27日 晚上9:03 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 26 | entryv1.0.3 讓您的組件活起來 – Entry 讓您輕鬆將組件動畫化為可見狀態。一個組件即可實現不透明度、縮放、位置和角度的動畫。 AndroidiOSWebmacOSWindowsLinux | 45.7 | 45.7 | 0 | 0 | 280 | 2,490 | 160 / 160 | 315 | 11.5 | 56.6 | 100 | 62.5 | 2026年11月15日 下午4:28 (UTC+8) | MickaelHrndz/entry | 29 | 2026年2月8日 凌晨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日 下午4: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日 下午4:28 (UTC+8) | juanmadelboca/awesome_shake_widget | 6 | 2026年4月2日 凌晨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日 下午4:28 (UTC+8) | whynotmake-it/rivership (共用儲存庫) | 131 | 2026年9月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日 下午4:28 (UTC+8) | whynotmake-it/rivership (共用儲存庫) | 131 | 2026年9月16日 凌晨1:53 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 31 | gooeyv0.2.0 一個與佈局無關的 gooey/metaball 效果組件,適用於 Flutter。讓附近的元素看起來像液體一樣融合在一起。 AndroidiOSWebmacOSWindowsLinux | 41.8 | 41.8 | 0 | 0 | 208 | 294 | 160 / 160 | 54 | 20.1 | 41.2 | 100 | 43.5 | 2026年11月15日 下午4:28 (UTC+8) | — | — | — | — | 未知 | 查看詳情pub.dev ↗ |