組件庫與 UI 架構 · 榜單
組件庫與 UI 架構分類榜單：從版本時效、使用量、品質和認可度比較符合條件的套件。
榜單編製: 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 | material_uiv1.11.0 官方 Flutter Material UI 庫，實現 Google 的 Material Design 設計系統。 AndroidiOSLinuxmacOSWebWindows | 96.9 | 94.5 | 2.4 | 0 | 5 | 3,360,000 | 160 / 160 | 302 | 95.7 | 100 | 100 | 62 | 2026年11月15日 下午4:28 (UTC+8) | flutter/packages (共用儲存庫) | 5,310 | 2026年9月18日 下午3:07 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 2 | cupertino_uiv1.1.6 官方 Flutter Cupertino 設計庫，實現 iOS 設計系統。 AndroidiOSLinuxmacOSWebWindows | 93.9 | 92.1 | 1.8 | 0 | 11 | 3,330,000 | 160 / 160 | 155 | 91.5 | 100 | 100 | 54.8 | 2026年11月15日 下午4:28 (UTC+8) | flutter/packages (共用儲存庫) | 5,310 | 2026年9月18日 下午3:07 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 3 | shadcn_uiv0.59.0 shadcn/ui 已移植至 Flutter。適用於 Flutter 的優秀 UI 組件，完全可自訂。 AndroidiOSWebmacOSWindowsLinux | 92.4 | 90 | 2.4 | 0 | 6 | 107,000 | 160 / 160 | 979 | 95.4 | 83.8 | 100 | 74.8 | 2026年11月15日 下午4:04 (UTC+8) | nank1ro/flutter-shadcn-ui | 2,808 | 2026年9月16日 晚上9:06 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 4 | foruiv0.28.0 為桌面與觸控裝置設計的美觀、極簡小工具。 AndroidiOSWebmacOSWindowsLinux | 91.1 | 88.2 | 3 | 0 | 0 | 36,600 | 160 / 160 | 448 | 99.8 | 76.1 | 100 | 66.3 | 2026年11月15日 下午4:04 (UTC+8) | duobaseio/forui | 2,350 | 2026年9月18日 上午9:50 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 5 | fluttersdk_windv1.11.2 適用於 Flutter 的 Tailwind CSS。撰寫 className='flex p-4 bg-white dark:bg-gray-800'，Wind 將產生最佳化的 widget 樹，支援深色模式與響應式斷點。 AndroidiOSLinuxmacOSWebWindows | 88.4 | 85.5 | 2.8 | 0 | 1 | 97,300 | 140 / 160 | 32 | 98.8 | 83.1 | 87.5 | 38 | 2026年11月15日 下午4:28 (UTC+8) | fluttersdk/wind | 38 | 2026年9月30日 凌晨1:53 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 6 | nativeapi_flutterv0.6.1 nativeapi 的 Flutter 集成：widgets、dart:ui 轉換以及基於 package:nativeapi 的多視窗橋接。 AndroidiOSLinuxmacOSWindows | 87.2 | 84.3 | 2.9 | 0 | 0 | 59,100 | 160 / 160 | 4 | 99.3 | 79.5 | 100 | 17.5 | 2026年11月15日 下午4:28 (UTC+8) | libnativeapi/nativeapi (共用儲存庫) | 170 | 2026年10月17日 中午12:33 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 7 | val_highlight_flutterv0.1.2 用於語法強調程式碼的 Flutter 小部件：CodeView 用於顯示，CodeField 用於編輯，支援 55 種語言、主題與順暢的大檔案處理。 AndroidiOSLinuxmacOSWebWindows | 84.3 | 82.4 | 1.9 | 0 | 10 | 67,100 | 160 / 160 | 8 | 92 | 80.4 | 100 | 23.9 | 2026年11月15日 下午4:28 (UTC+8) | useval/highlight (共用儲存庫) | 1 | 2026年10月19日 下午6:12 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 8 | flutter_sficonv2.0.0 SF Symbols 27 作為可搖動的向量圖示，在所有平台皆支援所有字重。無需內建字型，因此 iOS 建構可通過 Apple 的字型檢查。 AndroidiOSLinuxmacOSWebWindows | 81.1 | 79.9 | 1.1 | 0 | 18 | 51,300 | 160 / 160 | 12 | 86.7 | 78.5 | 100 | 27.8 | 2026年11月15日 下午4:04 (UTC+8) | gle6as/flutter_sficon | 7 | 2026年10月28日 清晨6:41 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 9 | inspireuiv3.0.0 FluxStore 產品常用的實用元件（Flutter 電商應用） AndroidiOS | 80.8 | 75.1 | 2.7 | 3 | 3 | 1,620 | 140 / 160 | 49 | 97.6 | 53.5 | 87.5 | 42.5 | 2026年11月15日 下午4:04 (UTC+8) | — | — | — | — | 未知 | 查看詳情pub.dev ↗ | |
| 10 | mustache_templatev2.0.6 一個實現 Mustache 模板規範的模板庫 AndroidiOSWebmacOSWindowsLinux | 80 | 80 | 0 | 0 | 60 | 12,600,000 | 160 / 160 | 95 | 62.7 | 100 | 100 | 49.6 | 2026年11月15日 下午4:04 (UTC+8) | flutter/packages (共用儲存庫) | 5,310 | 2026年9月18日 下午3:07 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 11 | tdesign_flutterv1.1.0 騰訊 TDesign UI 組件庫的 Flutter 版本，適用於移動專案。 AndroidiOSmacOSWindowsLinux | 78.3 | 74.1 | 1.2 | 3 | 18 | 5,860 | 130 / 160 | 108 | 87 | 62.8 | 81.3 | 50.9 | 2026年11月15日 下午4:04 (UTC+8) | Tencent/tdesign-flutter | 1,198 | 2026年9月18日 晚上7:05 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 12 | platform_adaptive_widgetsv3.1.0 flutter_platform_widgets 庫的精神延續 AndroidiOS | 77.6 | 72.6 | 2 | 3 | 9 | 1,650 | 160 / 160 | 4 | 92.6 | 53.6 | 100 | 17.5 | 2026年11月15日 下午4:04 (UTC+8) | — | — | — | — | 未知 | 查看詳情pub.dev ↗ | |
| 13 | flutter_nextv1.0.0 一個用於加速 UI 開發的 Flutter 套件，為 Flutter Web 應用提供響應式設計，並具有多個擴展功能。 平台暫無資料 | 77.4 | 72.5 | 1.9 | 3 | 11 | 705 | 160 / 160 | 47 | 91.7 | 47.5 | 100 | 42 | 2026年11月15日 下午4:04 (UTC+8) | shashiben/flutter_next | 15 | 2026年8月9日 凌晨12:36 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 14 | adaptive_platform_uiv1.0.2 適用於 Flutter 的自適應平台特定組件。自動呈現 iOS 26+ 的原生液態玻璃設計，較舊的 iOS 版本使用傳統的 Cupertino 組件，Android 使用 Material Design。 AndroidiOS | 76.6 | 76.6 | 0 | 0 | 37 | 19,800 | 160 / 160 | 437 | 74.8 | 71.6 | 100 | 66 | 2026年11月15日 下午4:04 (UTC+8) | berkaycatak/adaptive_platform_ui | 241 | 2026年7月26日 凌晨1:25 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 15 | shadcn_flutterv0.0.55 來自 Shadcn/UI 的美觀設計元件現在可用於 Flutter AndroidiOSmacOSWindowsLinux | 76.6 | 76.6 | 0 | 0 | 45 | 36,500 | 160 / 160 | 476 | 70.7 | 76 | 100 | 67 | 2026年11月15日 下午4:04 (UTC+8) | sunarya-thito/shadcn_flutter | 944 | 2026年9月6日 中午12:39 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 16 | assorted_layout_widgetsv13.1.0 像 SideBySide、ColumnSuper、RowSuper、FitHorizontally、Box、WrapSuper、TextOneLine、Delayed、Pad、ButtonBarSuper、NormalizedOverflowBox、showDialogSuper 等組件 AndroidiOSWebmacOSWindowsLinux | 76.4 | 76.4 | 0 | 0 | 44 | 51,100 | 150 / 160 | 415 | 70.9 | 78.5 | 93.8 | 65.5 | 2026年11月15日 下午4:04 (UTC+8) | marcglasberg/assorted_layout_widgets | 191 | 2026年9月14日 上午10:42 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 17 | 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 ↗ | |
| 18 | noctermv0.9.0 一個類似 Flutter 的框架，用於使用元件、狀態管理、動畫等建構豐富的終端使用者介面。 AndroidiOSmacOSWindowsLinux | 66.2 | 66.2 | 0 | 0 | 96 | 165,000 | 130 / 160 | 70 | 47.5 | 87 | 81.3 | 46.3 | 2026年11月15日 下午4:04 (UTC+8) | — | — | — | — | 未知 | 查看詳情pub.dev ↗ | |
| 19 | nes_uiv0.32.0 受舊式復古電子遊戲機啟發的 UI 庫 AndroidiOSWebmacOSWindowsLinux | 65.8 | 62.8 | 0 | 3 | 52 | 777 | 150 / 160 | 120 | 66.6 | 48.2 | 93.8 | 52.1 | 2026年11月15日 下午4:04 (UTC+8) | erickzanardo/nes_ui | 277 | 2026年9月8日 晚上8:31 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 20 | getwidgetv7.0.2 GetWidget 是一個開源庫，內建超過 1000 個預先建構的 UI 元件。它能讓開發更快且更愉快。您可依需求自訂元件。 AndroidiOSWebmacOSWindowsLinux | 60 | 60 | 0 | 0 | 175 | 43,000 | 150 / 160 | 2,590 | 25.9 | 77.2 | 93.8 | 85.3 | 2026年11月15日 下午4:04 (UTC+8) | ionicfirebaseapp/getwidget | 4,833 | 2026年5月24日 下午3:18 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 21 | fsuperv2.2.1 FSuper 可幫助開發者快速且舒適地建立複雜的視圖。 AndroidiOSWebmacOSWindowsLinux | 58.6 | 55.6 | 0 | 3 | 67 | 381 | 135 / 160 | 39 | 59.6 | 43 | 84.4 | 40.1 | 2026年11月15日 下午4:04 (UTC+8) | Fliggy-Mobile/fsuper | 508 | 2026年9月9日 下午3:20 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 22 | deactv1.6.1 一個受 React 啟發的 Web UI 框架。主要構建單元是組件，可實作為類別或函數。 Web | 55.8 | 52.8 | 0 | 3 | 75 | 190 | 150 / 160 | 16 | 55.8 | 38 | 93.8 | 30.8 | 2026年11月15日 下午4:04 (UTC+8) | Blimster/deact | 52 | 2026年9月1日 凌晨3:37 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 23 | nb_utilsv7.3.5 開發者所需的組件和實用方法的集合。 AndroidiOSWebmacOSWindowsLinux | 53 | 53 | 0 | 0 | 170 | 9,720 | 130 / 160 | 487 | 27 | 66.5 | 81.3 | 67.2 | 2026年11月15日 下午4:04 (UTC+8) | bhoominn/nb_utils | 159 | 2026年5月29日 下午6:15 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 24 | stockholmv0.2.3 一組以桌面為首的組件和主題，專為在 Mac 和 Windows 上呈現優美外觀與使用體驗而設計。 AndroidiOSWebmacOSWindowsLinux | 49 | 49 | 0 | 0 | 144 | 704 | 150 / 160 | 121 | 32.8 | 47.5 | 93.8 | 52.2 | 2026年11月15日 下午4:04 (UTC+8) | serverpod/stockholm | 146 | 2026年6月24日 凌晨1:02 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 25 | data_widgetv0.0.3 一個與資料相關的輔助 Widget 和工具，幫助您用更少的程式碼快速建構 Flutter 應用程式。 AndroidiOSLinuxmacOSWebWindows | 47.1 | 47.1 | 0 | 0 | 331 | 38,500 | 160 / 160 | 7 | 7.8 | 76.4 | 100 | 22.6 | 2026年11月15日 下午4:28 (UTC+8) | sunarya-thito/data_widget | 4 | 2025年12月18日 晚上7:43 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 26 | 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 ↗ | |
| 27 | exuiv1.0.11 更快地建立您的 UI。無需樣板程式碼，無需依賴項。只需強大的 widget 擴充功能。 AndroidiOSWebmacOSWindowsLinux | 36.9 | 36.9 | 0 | 0 | 268 | 143 | 160 / 160 | 50 | 12.7 | 36 | 100 | 42.7 | 2026年11月15日 下午4:04 (UTC+8) | jozzdart/exui | 25 | 2026年2月20日 上午11:40 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 28 | shirne_dialogv4.9.0 一個 Flutter 套件，可在任何地方使用可自訂樣式的提醒、彈出視窗、訊息、氣泡、圖片預覽、載入等。 AndroidiOSWebmacOSWindowsLinux | 35.8 | 35.8 | 0 | 0 | 319 | 255 | 150 / 160 | 51 | 8.6 | 40.1 | 93.8 | 42.9 | 2026年11月15日 下午4:04 (UTC+8) | shirne/shirne_dialog | 18 | 2025年12月31日 下午2:03 | — | 未封存 | 查看詳情pub.dev ↗ | |
| 29 | widget_toolkitv0.2.3 Widget Toolkit 套件包含多個輕量級且可自訂的 UI 元件，可提升生產力並減少開發時間。 AndroidiOSWebmacOSWindowsLinux | 34.9 | 34.9 | 0 | 0 | 325 | 240 | 140 / 160 | 71 | 8.1 | 39.7 | 87.5 | 46.4 | 2026年11月15日 下午4:04 (UTC+8) | — | — | — | — | 未知 | 查看詳情pub.dev ↗ |