动画与过渡 · 榜单
动画与过渡分类榜单:从版本时效、使用量、质量和认可度比较符合条件的插件。
榜单编制: 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日 16:28 (UTC+8) | xvrh/lottie-flutter | 1,295 | 2026年9月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年6月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年9月16日 01: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年5月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年9月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年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日 16:04 (UTC+8) | KevinVan720/animated_styled_widget | 26 | 2024年12月28日 01: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年3月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年9月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年7月18日 09: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年9月13日 21: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日 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年9月12日 08: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 页面过渡包,用于第二个页面的过渡 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年5月24日 01: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年9月7日 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年5月24日 01: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年4月19日 06: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年9月3日 01: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日 16:28 (UTC+8) | whynotmake-it/rivership (共仓) | 131 | 2026年9月16日 01:53 | — | 未归档 | 查看详情pub.dev ↗ | |
| 25 | spoiler_widgetv1.0.25 一个 Flutter 包,用于创建类似于 Telegram 中使用的折叠动画,允许您隐藏敏感或包含剧透的内容,直到用户点击或轻触后才显示。 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年4月27日 21: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日 16:28 (UTC+8) | MickaelHrndz/entry | 29 | 2026年2月8日 03: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年4月2日 02: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年9月16日 01: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年9月16日 01: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日 16:28 (UTC+8) | — | — | — | — | 未知 | 查看详情pub.dev ↗ |