前端工具推荐Vue ui 大法哪家强?
前端工具推荐Vue ui 大法哪家强?
前端工具推荐Vue ui 大法哪家强?
1、前端工具推荐:
### XD 工具
https://www.fancynode.com.cn/pxcook
### 下载Sketch插件
https://www.fancynode.com.cn/flavor
### 前端统一UI
移动端商城(参考 有赞 商城组件):https://youzan.github.io/vant-weapp/#/goods-action
移动公共组件库(H5):http://mint-ui.github.io/docs/#/en2/navbar
### 后台管理系统(PC端) UI 组件库:
1:https://element.eleme.cn/#/zh-CN/component/installation
2、https://ant.design/docs/react/introduce-cn
Element iView Vux Mint UI Vant cube-ui,对比六大 vue ui 组件库,选中最适合的那个。
Element(pc)
介绍 & 版本
饿了么前端团队开发的桌面端组件库,当前最新版本:2.4.8
Star:32.067k
项目特色
- 团队维护支持三个版本:vue、react、angular支持 Nuxt.js常规支持:多语言、自定义主题、按需引入、内置过渡动画文档详细,组件齐全支持响应式布局,提供基于断点的隐藏类适合常规 pc 端项目
样式
类名大量使用计算属性,css 和主文件分离单独一个文件
官网地址
Element
GitHub 仓库地址
Element github
iView(pc)
版本介绍
主要服务于 PC 界面的中后台产品,当前最新版本:3.x
Star:18.086k
项目特色
- 团队维护支持: Nuxt.js、TypeScript、Electron常规支持:多语言、自定义主题、按需引入文档详细,组件齐全支持响应式布局UI 比较美观适合常规 pc 端项目,皮肤美观
样式
less 计算属性 前缀嵌套
官网地址
iView
GitHub 仓库地址
iView github
Vux(mob)
介绍
类似微信样式的移动端组件库,当前最新版本:2.9.2
Star:14.358k
项目特色
- 个人维护支持 Nuxt.js支持自定义主题组件样式仿照微信适合微信端移动项目
样式
less 长类名区分
官网地址
Vux
GitHub 仓库地址
Vux github
Mint UI(mob)
版本介绍
饿了么前端团队开发的移动端组件库,当前最新版本:2.2.7
Star:12.583k
项目特色
- 团队维护真正做到了按需引入,每个组件有单独的包CSS3 处理各种动效组件齐全适用于移动端常规项目
样式
scss、template、script、css 都在一个文件中,长类名区分
官网地址
Mint UI
GitHub 仓库地址
Mint UI github
Vant(mob)
版本介绍
有赞团队开发的移动端组件库,当前最新版本:1.3.10
Star:6.31k
项目特色
- 团队维护有多个版本:小程序 UI => Vant Weapp、PC 端 React UI => Zen支持 SSR常规支持:多语言、自定义主题、按需引入文档详细,组件齐全适用于移动端商城购物类网站
样式
scss、BEM 类名命名法
官网地址
Vant
GitHub 仓库地址
Vant github
cube-ui(mob)
版本介绍
滴滴团队开发的移动端组件库,当前最新版本:1.11.2
Star:4.296k
项目特色
- 团队维护支持后编译常规支持:多语言、自定义主题、按需引入文档详细,组件齐全扩展性强,可以方便地基于现有组件实现二次开发适合移动端需要扩展的项目,或者引用框架部分源代码组合成自己的 ui 组件库
样式
scss、BEM 类名命名法
官网地址
cube-ui
GitHub 仓库地址
cube-ui github
搜搜,,
各有千秋,各有特色,挑你喜欢的上??。