uni-app uview与其他知名UI框架发展史
由于我没有跟上uni-app的发展,在uni-app的插件市场看到琳琅满目的UI框架时,不知道该怎么选择,尤其是uview关键字,实在是分不清。于是我让AI帮我梳理了一下这些UI框架的发展史,总算是有点清晰了。整理下来,万一能帮助有缘人呢。
本文主要梳理uni-app中流行的UI框架的发展史,尤其是uview系列(uView、uView Plus、uView Pro、uView Ultra、uView Next),以及其他知名框架(uni-ui、TDesign、ThorUI、FirstUI等)。
🧬 第一部分:uView 家族演变史
uView 系列的发展是 uni-app 生态中最具代表性的,它经历了从“个人英雄主义”到“官方+社区双轨并行”的演变。
1. 奠基期:Vue 2 时代的王者
- uView UI (1.x & 2.x)
- 诞生时间:2020年左右
- 作者/团队:个人开发者 “wenju”
- 背景与历程:
- 早期
uni-app只有官方的uni-ui,组件较少。wenju 开发了 uView,凭借丰富的组件(60+)、完善的文档和工具库,迅速成为社区首选。 - uView 1.x:奠定了用户基础,API 设计简洁。
- uView 2.x:基于 1.x 升级,重点优化了对
nvue(原生渲染)的支持和性能,成为 Vue 2 时代的集大成者。
- 早期
- 现状:Vue 2 项目维护首选,但已停止新功能开发。
2. 分化期:Vue 3 时代的“官方”与“社区”
随着 Vue 3 的普及,uView 官方未及时更新,导致社区出现分叉。
-
uView Plus (up-ui)
- 诞生时间:约 2022-2023 年(Vue 3 迁移潮期间)
- 作者/团队:社区开发者(非 wenju 本人)
- 背景与历程:由于官方迟迟未出 Vue 3 版本,社区开发者为了延续 uView 2.x 的生命,将其 API 和逻辑移植到了 Vue 3。它保留了 uView 2.x 的大部分写法,方便老项目迁移。
-
uView Pro
- 诞生时间:2025年8月正式开源(此前可能已有内部版本)
- 作者/团队:开发者 “anyup”
- 背景与历程:
- anyup 是一位资深前端开发者,他在 2019 年就开始使用 uView。面对 Vue 3 的需求,他没有选择简单的移植,而是基于 uView 1.8.8 的基线,使用 TypeScript + Vue 3 (
<script setup>) 进行了彻底重构。 - 特点:虽然叫“Pro”,但它其实是由个人开发者发起的开源项目(后获官方认可或成为事实标准)。它支持鸿蒙、多主题、暗黑模式,是目前 Vue 3 项目中 uView 阵营的主力。
- anyup 是一位资深前端开发者,他在 2019 年就开始使用 uView。面对 Vue 3 的需求,他没有选择简单的移植,而是基于 uView 1.8.8 的基线,使用 TypeScript + Vue 3 (
3. 未来期:uni-app X 时代
- uView Ultra / uView Next
- 诞生时间:2025-2026年(跟随 uni-app X 发布)
- 作者/团队:uView 核心团队 / 社区
- 背景:为了适配
uni-app X(基于 UTS 语言),uView 团队推出了 uView Ultra(官方正统续作)和 uView Next(社区适配版),旨在支持原生渲染和鸿蒙 Next。
🌳 第二部分:其他知名 uni-app UI 库发展历程
除了 uView 家族,还有其他几股力量在生态中占据重要位置。
1. 官方正统派
- uni-ui
- 诞生时间:2018-2019年(伴随 uni-app 诞生)
- 作者/团队:DCloud 官方团队
- 背景:最早期的组件库。早期因组件数量少被诟病,但近年来凭借对 原生性能(如
swiper、navbar的原生优化)和 uni-app X 的独家支持,重新成为追求高性能项目的首选。
2. 视觉设计派
-
ColorUI
- 诞生时间:2019年左右
- 作者/团队:个人开发者(早期在 GitHub 爆火)
- 背景:不同于其他库注重逻辑封装,ColorUI 主打 CSS 样式库。它提供了极其丰富的颜色、阴影和动画类,让开发者能快速拼凑出高颜值的界面,深受初学者和注重 UI 效果的开发者喜爱。
-
TDesign (uni-app 版)
- 诞生时间:2022年11月发布首个版本,2023-2024年持续更新
- 作者/团队:腾讯 (Tencent)
- 背景:腾讯内部设计体系 TDesign 的跨端延伸。大厂出品,设计规范严谨,组件质量极高(如表单、上传等复杂组件)。它弥补了个人开源库在设计规范上的不足,适合企业级项目。
3. 商业/混合派
- ThorUI & FirstUI
- 诞生时间:2019-2020年左右
- 作者/团队:个人/小团队(ThorUI 作者为“Thor”)
- 背景:这两个库走的是 “开源基础版 + 付费商业版” 路线。
- ThorUI:以轻量、简洁著称,早期提供了很多实用的模板。
- FirstUI:主打高颜值和精细化的组件(如复杂的日历、图表),部分高级组件需要 VIP 授权。
- 现状:在特定垂直领域(如电商模板、精美组件需求)有一席之地。
📊 核心发展时间轴总结表
| 时间阶段 | 关键事件 | 代表库 | 核心人物/团队 |
|---|---|---|---|
| 2018-2019 | 萌芽期:uni-app 诞生,官方库与早期社区库出现 | uni-ui, ColorUI | DCloud 官方, ColorUI 作者 |
| 2020-2021 | 爆发期:Vue 2 时代的绝对统治者出现 | uView 1.x/2.x, ThorUI | wenju, Thor |
| 2022-2023 | 大厂入局:企业级设计体系进场,Vue 3 迁移开始 | TDesign, uView Plus | 腾讯团队, 社区开发者 |
| 2024-2025 | 重构期:Vue 3 + TS 成为主流,uView 社区版爆发 | uView Pro | anyup |
| 2026+ | 未来期:uni-app X 与 鸿蒙原生适配 | uView Ultra, uni-ui (X版) | uView 核心团队 |
uni-app X 时代的uView Ultra 和 uView Next对比
uView Ultra 和 uView Next 都是 uView 家族中为了适配 uni-app X(以及鸿蒙、原生渲染)而诞生的“下一代”框架。
虽然它们的目标一致(支持 uni-app X),但出身、定位和现状有所不同。简单来说:uView Ultra 是“亲儿子”正统续作,而 uView Next 是“社区”强力分支。
以下是详细的对比分析:
📊 核心对比一览表
| 维度 | uView Ultra (v4) | uView Next (v4) |
|---|---|---|
| 出身背景 | 官方正统:由 uView Plus 团队(lingyun.net)主导,被视为 uView 2.x/Plus 的官方进化版。 | 社区分支:由社区开发者(如 Yeloa/wakge 等)维护,旨在填补官方空白,提供另一种实现方案。 |
| 核心架构 | 基于 Vue 3 + UTS 重构,深度绑定 uni-app X 生态。 | 同样基于 Vue 3 + UTS 重构,全面支持 uni-app X。 |
| 组件数量 | 100+(宣称大满贯支持,覆盖极广)。 | 70+ ~ 110+(不同渠道数据略有差异,核心组件齐全)。 |
| 开源协议 | Apache 2.0(非常宽松,商业友好)。 | MIT(标准开源协议,完全免费)。 |
| 兼容性 | 全面兼容 uni-app、uni-app X、nvue、鸿蒙。 | 全面兼容 uni-app、uni-app X、鸿蒙、小程序。 |
| 当前状态 | 更新频率高,插件市场下载量较高,文档完善。 | 活跃更新,但在插件市场存在多个同名/近似包,需注意分辨。 |
| 适合人群 | 习惯 uView 2.x/Plus 的老用户,追求官方支持和稳定性的团队。 | 喜欢 MIT 协议,或希望尝试社区创新方案的开发者。 |
🔍 深度解析
1. uView Ultra:稳扎稳打的“正统派”
- 背景:它是由 零云® (lingyun.net) 团队推出的。这个团队之前维护了
uView Plus,在 uView 官方(wenju)停更 Vue 3 版本期间,他们是社区最信赖的力量。因此,Ultra 被视为最“根正苗红”的继承者。 - 特点:
- 平滑升级:它极力保持与 uView 2.x/Plus 的 API 兼容性,老项目迁移成本较低。
- 全端大满贯:特别强调对 uni-app X 和 鸿蒙 的原生支持,采用了组合式 API (Composition API) 进行重构。
- 组件丰富:内置了 100+ 组件,包括很多复杂组件(如骨架屏、代码输入、各种 Picker),几乎覆盖了日常开发的所有需求。
- 注意:在 DCloud 插件市场中,它的包名通常是
uview-ultra。
2. uView Next:灵活激进的“社区派”
- 背景:由社区开发者发起,旨在解决 uView 2.x 无法支持 Vue 3 和 uni-app X 的痛点。它在 GitHub 和 Gitee 上都有较高的活跃度。
- 特点:
- MIT 协议:明确遵循 MIT 协议,这对一些对协议有严格要求的商业项目非常友好。
- 技术栈新:完全拥抱 Vue 3 + UTS,代码结构更现代。
- 多版本并存:在插件市场中,你可能会看到名为
uview-next或uview-unix的插件,它们都属于这个分支体系。
- 注意:由于是社区维护,不同维护者的版本可能存在细微差异,建议在使用前检查其 GitHub/Gitee 的最后更新时间。
💡 选型建议
-
如果你追求“稳”和“全”: 请选择 uView Ultra。它的维护团队背景深厚,组件库最全,文档和生态相对更成熟,且与旧版 uView 的兼容性做得更好,适合企业级项目或长期维护的项目。
-
如果你追求“新”和“开源自由”: 请选择 uView Next。如果你偏好 MIT 协议,或者喜欢社区驱动的敏捷开发模式,Next 是一个非常好的选择。它的功能也完全足以支撑绝大多数商业项目。
避坑指南: 在 DCloud 插件市场下载时,请务必看清插件 ID:
- uView Ultra 的 ID 是
uview-ultra。 - uView Next 的 ID 可能是
uview-unix或uview-next(请认准下载量高、更新近的版本)。
关于作者
wenju(原 uView 作者)目前都不在 uView Ultra,也不在 uView Next。
这两个项目目前均由社区开发者维护。以下是详细的情况梳理,帮你理清目前的混乱局面:
1. 核心事实:wenju 的现状
- wenju 是 uView 1.x 和 2.x 的创始人。
- 在 uView 2.x 之后,他逐渐减少了公开的开发活动。
- 他没有主导开发 uView Ultra,也没有主导开发 uView Next。
2. uView Ultra 是谁在做?
- 维护者:零云® (lingyun.net) 团队。
- 背景:这个团队之前维护了
uView Plus(Vue 3 版本的 uView)。因为 uView Plus 在社区中口碑很好,他们顺势推出了适配 uni-app X 的uView Ultra。 - 地位:虽然 wenju 没有参与,但由于零云团队在 uView 生态中深耕已久,uView Ultra 被社区公认为“事实上的官方正统续作”,是目前 uni-app X 生态中最主流的 uView 分支。
3. uView Next 是谁在做?
- 维护者:社区开发者(主要贡献者包括 Yeloa、wakge 等)。
- 背景:这是完全由社区发起的开源项目,旨在填补官方停更后的空白,为 uni-app X 提供另一个选择。
- 地位:属于“社区分支”,虽然功能也很强大,但与 wenju 本人没有直接关系。
💡 总结与建议
如果你是因为信赖 wenju 的代码风格而选择 uView:
- uView 2.x 是他最后的亲笔作品(Vue 2 时代)。
- 在 uni-app X 时代,uView Ultra 是目前继承 uView 衣钵最完整、生态最接近的版本,尽管它不是 wenju 亲自写的,但它是目前最稳妥的选择。
总结
一、 uView 家族:从“一枝独秀”到“三足鼎立”
uView 的发展路线最为曲折,经历了从个人英雄主义到社区百花齐放的过程。
1. 奠基期:Vue 2 时代的王者 (2020 - 2022)
- 主角:uView 1.x / 2.x
- 作者:wenju
- 核心事件:
- 填补了官方
uni-ui组件匮乏的空白。 - 凭借 60+ 高质量组件、完善的工具库和文档,迅速成为 uni-app 开发者的首选。
- 结局:随着 Vue 3 的普及,uView 2.x 停止更新,留下了巨大的市场真空。
- 填补了官方
2. 分化期:Vue 3 时代的双轨并行 (2022 - 2024)
由于官方未及时跟进 Vue 3,社区力量开始接管战场,形成了“官方重构”与“社区移植”两条路线。
- 路线 A(社区移植):uView Plus (up-ui)
- 作者:社区开发者(非 wenju)。
- 特点:保留了 uView 2.x 的 API 风格,让老项目能以最小成本迁移到 Vue 3。
- 路线 B(官方重构):uView Pro
- 作者:anyup(后成为事实上的核心维护者)。
- 特点:基于 TypeScript + Vue 3 彻底重构,虽然名为“Pro”,实则是社区力量推动的现代化升级,支持多主题和暗黑模式。
3. 未来期:uni-app X 与鸿蒙时代 (2025 - 至今)
随着 uni-app X(原生渲染、UTS 语言)的发布,uView 家族再次分裂,形成了目前的“三巨头”格局。
- 正统续作:uView Ultra (v4)
- 背景:由 零云团队(原 uView Plus 维护者)推出。
- 定位:被视为 uView 的“精神续作”,全面适配 uni-app X 和鸿蒙,组件最全(100+),生态最稳。
- 社区先锋:uView Next (v4)
- 背景:由社区开发者维护。
- 定位:同样适配 uni-app X,遵循 MIT 协议,为开发者提供了另一种灵活的开源选择。
二、 其他知名 UI 库:百花齐放
除了 uView 家族,uni-app 生态中还有三股不可忽视的力量。
1. 官方正统派:uni-ui
- 发展历程:
- 早期:组件少,更新慢,被开发者诟病。
- 中期:开始发力,优化原生性能(如
uni-swiper)。 - 现在:凭借对 uni-app X 的独家底层支持,重回舞台中央。
- 核心价值:性能天花板。如果你追求极致的原生渲染性能,官方库是不可绕过的基础。
2. 大厂规范派:TDesign
- 发展历程:2022年由 腾讯 推出 uni-app 版本。
- 核心价值:企业级标准。大厂出品,设计规范严谨,适合对 UI 一致性要求极高的大型商业项目。
3. 商业/视觉派:ThorUI & FirstUI
- 发展历程:从 2019 年左右起步,一直活跃至今。
- 核心价值:颜值与模板。采用“开源+付费”模式,提供大量精美的高级组件和模板,适合需要快速出效果且有一定预算的项目。
三、 终极选型指南(2026年版)
为了帮你快速决策,我将目前的格局总结为以下建议:
| 你的需求/场景 | 推荐 UI 库 | 理由 |
|---|---|---|
| 新项目 (Vue 3) | uView Pro | 生态最成熟,TypeScript 支持好,文档完善。 |
| uni-app X / 鸿蒙 | uView Ultra | 目前适配 uni-app X 最全面的库,被视为 uView 的正统继承者。 |
| 追求极致性能 | uni-ui | 官方出品,对原生渲染引擎(nvue/uni-app X)支持最好。 |
| 老项目维护 | uView 2.x | 稳定,无需折腾迁移,适合 Vue 2 老项目。 |
| 企业级/大厂风 | TDesign | 腾讯设计体系,组件质量高,适合复杂后台或企业应用。 |
| 高颜值/不差钱 | FirstUI / ThorUI | 设计精美,有现成模板,付费组件能省很多开发时间。 |
一句话总结: uView 的灵魂(wenju)虽已隐退,但其精神通过 uView Ultra 和 uView Pro 在 uni-app X 和 Vue 3 时代得到了延续;而 uni-ui 则稳坐性能基座,TDesign 代表了大厂规范。
