Vue作为目前比较火的开发框架,那基于vue有哪些优秀常用pc和移动端UI框架可以于web UI搭建和后台框架呢。
移动端
Vant UI (推荐)
文档(移动端) | GitHub | 小程序weapp | GitHub
中文文档:https://youzan.github.io/vant/#/zh-CN/
简介:有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。
优点:社区活跃,60+ 高质量组件,90%的单元测试覆盖率,完善的文档和示例,支持 babel-plugin-import,支持 TypeScript,支持 SSR。
同时它的默认主题适合做一些商城三级页面的开发,也支持开发者自定义主题。
Mint UI
中文文档:http://mint-ui.github.io/docs/#/zh-cn2
在线预览:http://elemefe.github.io/mint-ui/#/
简介: 饿了么公司基于 vue.js 开发的的移动端 UI 组件库
优点: 丰富的 CSS 和 JS 组件
Nut UI
中文文档:https://nutui.jd.com/#/index
简介:一套京东风格的轻量级移动端Vue组件库
优点:组件内容丰富,质量有保障。单元测试率 90%以上。兼容目前主流浏览器、支持按需加载、支持服务端渲染。配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程。
Cube UI
简介:滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
MUSE UI
简介:基于 Vue 2.0 优雅的 Material Design UI 组件库
VUX
中文文档:https://vux.li/#/
在线预览:https://vux.li/demos/v2/#/
简介:基于 WeUI 和 Vue(2.x) 开发的移动端 UI 组件库。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。
vonic
中文文档:https://wangdahoo.github.io/vonic-documents/#/
在线预览:https://wangdahoo.github.io/vonic/docs/#/home
介绍:一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。
PC端
ElementUI
中文文档:https://element.eleme.cn/#/zh-CN/component/installation
简介:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,整个ui风格简约,上手挺快,大多数vue开发应该都是选择element,因为社区做的比较完整。
vuetify
简介:一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。响应式做的不错,移动PC多端支持,配置灵活,组件也挺多的,足够现代,功能全面。
iView
中文文档:https://www.iviewui.com/docs/introduce
简介:iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。功能丰富,友好的 API ,自由灵活地使用空间细致、漂亮的 UI,最主要的是文档特别详细。
Ant-Design-Vue
中文文档:https://antdv.com/docs/vue/introduce-cn
简介:Ant Design 的 Vue 实现,开发和服务于企业级后台产品
TDesign Vue - 腾讯 UI 组件库
配套工具完满,设计工整,文档清晰,并且还有移动端,小程序…