背景
unibest
作为最好的
uniapp
开发模板，那
UI 框架
的选择也是要仔细斟酌的。
unibest
作为
uniapp + vue3 + ts
的项目，自然也要选择满足
vue3
的
UI库
，所以像
vue2
时代的
uview
就不考虑在内了。但是在
uview
的基础上衍生出来的支持
vue3
的
uview 系
的
ui框架
还有不少，而且热度很高。
再来说说官方维护的
uni-ui
，支持全端，而且有类型提示，目前已经内置到
unibest
了，如果用户确实用不到里面的组件也可以删除，减少包体积。
TIPS:
uni-ui本身是
js开发的，但是官方提供了完备的类型提示( by
@uni-helper/uni-ui-types)所以看起来就像是
ts开发的一样，开发体验很好。所有的组件都有提示，很方便，很贴心。
UI 框架
经过搜寻了一番，目前参加对比的 UI 框架有：
uview-plus (uveiw 系) - 文档地址uv-ui (uveiw 系) - 文档地址Wot Design Uni (wot 系) - 文档地址TuniaoUI （图鸟系） - 文档地址
还有 2 个 UI 框架也很优秀，但是部分组件开源免费，部分组件收费：
ThorUI 文档链接FirstUI 文档链接
温馨提示：
收费没有对错，开源作者也要恰饭，需要有收入，光为爱发电可能半路夭折，或者质量很差。只要做得好，别人愿意买，提供优质的服务，也是极好的。PS：人家不仅提供付费组件，还会提供很多模板，比如登录页面， ```100元``` 一套，性价比还是不错的。2.当然了
unibest作为开源库，自然会选择免费的
UI 框架，下面我们就来对比一下下~
UI 框架对比
1. 开源热度
截止到
2024-02-20
发表文章时的数据:
UI 框架uview-plusuv-uiWotTuniaoUIgithub stars291358226141gitee stars12655535-github forks73163112gitee forks5406-
其实到这里就一决高下了，
uview
系的 2 位胜出，而且
uv-ui
以小小优势胜过
uview-plus
。再经过人眼观察和对比两者官网的组件，最终我们选定
uv-ui
作为我们的
UI 框架
。
源码仓库地址展示如下，纯粹为了方便大家查阅 （虽然大概率你们也不会去访问，/手动狗头）
UI 框架github repo urlgitee repo urluview-plushttps://github.com/ijry/uview-plushttps://gitee.com/uiadmin/uview-plusuv-uihttps://github.com/climblee/uv-uihttps://gitee.com/climblee/uv-uiWothttps://github.com/Moonofweisheng/wot-design-unihttps://gitee.com/wot-design-uni/wot-design-uniTuniaoUIhttps://github.com/tuniaoTech/tuniaoui-rc-vue3-uniapp-
接着奏乐接着舞，我们继续正文 ^_^
2.多端支持情况
UI 框架uview-plusuv-uiWotTuniaoUIh5✅✅✅✅app(ios)✅✅✅✅app(android)✅✅✅✅微信小程序✅✅✅✅QQ 小程序✅✅❌❌百度小程序✅✅❌❌支付宝小程序✅✅❌✅头条小程序✅✅❌❌
3.组件数量
UI 框架uview-plusuv-uiWotTuniaoUI总数67676255基础组件11885表单组件17162014数据组件413184反馈组件108168布局组件97-8导航组件8875其他组件87-5内容组件---6
4.ts 支持情况
很不幸，上面几个都不支持
ts
，没有类型提示，只能对着它们的文档撸代码。
总结
很高兴我们已经为宇宙最强
uniapp
开发模板
unibest
选好了
UI 组件库
，
uv-ui
是最终的幸运儿。为此我特意去
uv-ui
官网里面捐赠了一杯咖啡钱给作者，开源不易，要支持一下。
其实另外几个
UI框架我也捐了几块钱，聊表心意，表示支持。
好文推荐
🔥2024 年最好用的 uniapp 开发模板，近一个月 star 数飙升！🔥 - 点赞数：274， 收藏数：581
本文由 mdnice 多平台发布
版权归原作者 斐鸽传书 所有， 如有侵权，请联系我们删除。