10套好⽤的前端框架、设计组件库推荐No.1 Ant Design UI 框架
官⽹地址:ant.design
体验地址:xcloud.alipay
设计资源包:Download
Github:github/ant-design前端ui框架是什么意思
解析:蚂蚁⾦服出品,基于 ReactJS。⼀个服务于企业级产品的设计体系,⽀持桌⾯端、⼿机端。基于『确定』和『⾃然』的设计价值观,通过模块化的解决⽅案,让设计者专注于更好的⽤户体验。
No.2 Element UI 框架
官⽹地址:element.eleme.io
设计资源包:Download
Github:github/elemefe
解析:饿了么出品,基于 VueJS、React、Angular。⼀套为开发者、设计师和产品经理准备的桌⾯端组件库。
No.3 Bootstrap 框架
官⽹地址:getbootstrap
案例展⽰:bootstrap
Github:github/twbs/bootstrap
解析:Bootstrape 是经典的前端框架。主要是有很多的主题,可以看下案例展⽰。
No.4 ZUI H5 框架
官⽹地址:zui.sexy
移动端框架:zui.sexy/m
Github:github/easysoft/zui
解析:⼀套开源 HTML5 跨屏框架,基于 Bootstrap 深度定制开源前端实践⽅案,帮助你快速构建现代跨屏应⽤。
No.5 Muse UI 框架
官⽹地址:
Github:github/museui/muse-ui
解析:Muse UI 基于 Vue2.0 开发,基本实现了 Material Design 设计规范类的所有组件,另外
还开发许多的功能性的组件。
No.6 Foundation UI 框架
官⽹地址:foundation.zurb
案例展⽰:zurb/responsive
解析:⼀套灵活适配于任何设备的框架,可以⾮常便捷地搭建出好看的可适配⽹站、Apps和邮件。资源⼀直在更新,并且有很多 Html 的模板能帮助你快速开始。
No.7 WePY ⼩程序框架
官⽹地址:tencent.github.io/wepy
Github:github/Tencent/wepy
解析:⼀套让⼩程序⽀持组件化开发的框架。WePY 框架在开发过程中参考了 Vue 等现有框架的⼀些语法风格和功能特性,对原⽣⼩程序的开发模式进⾏了再次封装,熟悉 Vue 的你开发起来可以更加得⼼应⼿。
No.8Amaze H5 框架
官⽹地址:
Github:github/amazeui/amazeui
解析:Amaze 以移动优先(Mobile first),从⼩屏逐步扩展到⼤屏,最终实现所有屏幕适配。相⽐国外框架,更关注中⽂排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容⽀持。
No.9 ZanUI 组件库
官⽹地址:youzanyun/zanui
Github:github/youzan/vant
解析:有赞出品,⽀持移动、PC、⼩程序。可以看看它的移动端 Vue 组件库 Vant。
No.10 ICE 组件库
官⽹地址:alibaba.github.io/ice
体验地址:alibaba.github.io/ice/#/block
下载GUI⼯具:Download
Github:github/alibaba/ice
解析:阿⾥巴巴出品,基于 ReactJS。海量可复⽤物料,可以通过 GUI ⼯具快速构建中后台应⽤。但据说⽂档有点坑!所以只推荐设计师看看组件,程序员暂不推荐使⽤!
- END -
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论