资源 | 10套好用的前端框架、设计组件库推荐

产品设计 UI中国 (源链)

Web、Mobile、和小程序。

No.1 Ant Design UI 框架

官网地址: ant.design

体验地址: xcloud.alipay.com

设计资源包: Download

Github: github.com/ant-design

解析:蚂蚁金服出品,基于 ReactJS。一个服务于企业级产品的设计体系,支持桌面端、手机端。基于『确定』和『自然』的设计价值观,通过模块化的解决方案,让设计者专注于更好的用户体验。

No.2 Element UI 框架

官网地址: element.eleme.io

设计资源包: Download

Github: github.com/elemefe

解析:饿了么出品,基于 VueJS、React、Angular。一套为开发者、设计师和产品经理准备的桌面端组件库。

No.3 Bootstrap 框架

官网地址: getbootstrap.com

案例展示: expo.getbootstrap.com

Github: github.com/twbs/bootstrap

解析:Bootstrape 是经典的前端框架。主要是有很多的主题,可以看下案例展示。

No.4 ZUI H5 框架

官网地址: zui.sexy

移动端框架: zui.sexy/m

Github: github.com/easysoft/zui

解析:一套开源 HTML5 跨屏框架,基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

No.5 Muse UI 框架

官网地址: muse-ui.org

Github: github.com/museui/muse-ui

解析:Muse UI 基于 Vue2.0 开发,基本实现了 Material Design 设计规范类的所有组件,另外还开发许多的功能性的组件。

No.6 Foundation UI 框架

官网地址: foundation.zurb.com

案例展示: zurb.com/responsive

解析:一套灵活适配于任何设备的框架,可以非常便捷地搭建出好看的可适配网站、Apps和邮件。资源一直在更新,并且有很多 Html 的模板能帮助你快速开始。

No.7 WePY 小程序框架

官网地址: tencent.github.io/wepy

Github: github.com/Tencent/wepy

解析:一套让小程序支持组件化开发的框架。WePY 框架在开发过程中参考了 Vue 等现有框架的一些语法风格和功能特性,对原生小程序的开发模式进行了再次封装,熟悉 Vue 的你开发起来可以更加得心应手。

No.8 Amaze H5 框架

官网地址: amazeui.org

Github: github.com/amazeui/amazeui

解析:Amaze 以移动优先(Mobile first),从小屏逐步扩展到大屏,最终实现所有屏幕适配。相比国外框架,更关注中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

No.9 ZanUI 组件库

官网地址: youzanyun.com/zanui

Github: github.com/youzan/vant

解析:有赞出品,支持移动、PC、小程序。可以看看它的移动端 Vue 组件库 Vant。

No.10 ICE 组件库

官网地址: alibaba.github.io/ice

体验地址: alibaba.github.io/ice/#/block

下载GUI工具: Download

Github: github.com/alibaba/ice

解析:阿里巴巴出品,基于 ReactJS。海量可复用物料,可以通过 GUI 工具快速构建中后台应用。但据说文档有点坑!所以只推荐设计师看看组件,程序员暂不推荐使用!

– END –

西瓜设计研究所

互联网创业 | UI设计 | 开发资源 | 教程

未经允许请勿转载,烦请私信作者获取授权

© 西瓜设计研究所

您可能感兴趣的

游戏真的改变了吗?2017年创新游戏节的启示... 第14届创新游戏节将开发者、研究人员、学术人员、一些老师和游戏爱好者聚集到了一起,他们有着共同的目标:庆祝和学习那些有教育意义、治愈性的、有不同观点交流的游戏。活动组织者估计,现场大概有100余位发言人和近1000名观众参加。 在这个活动上,你可以看到游戏能给人带来多么丰富的体验。年度游戏大奖的...
运营修行全攻略:7大核心竞争力及提升法则... 任何想要在职场上取得体面收入的人,都必须问自己一个问题: 我所从事的工作能让自己身价持续增值么? 这个问法虽然目的露骨,但却有点含糊,准确的问法应当是: 我从事工作的内容、方式能随着时间的积累不断提升自己的核心竞争力么? 如果你的答案是“不能”,那赶紧调整下工作模式吧(...
移动电商基本功:购物车设计(一) 文章分享了对于电商产品购物车设计的一些心得与体会,希望能够给你带来一些借鉴。 这篇文章目的: 参考主流电商,结合工作经验总结自己的购物车原型元件库,以后可以不重复造轮子和踩坑。想做成一个《移动端购物车设计“小”全》,列举自己实践中常见的逻辑、功能、元件和交互,但实际工作中还得变...
Asus announces ZenFone 4 Max with 5.000 mAh batter... Asus has finally took the wraps off of its 2017 Zenfone 4 smartphone series with the introduction of the brand new ZenFone 4 Max in Russia, a devi...
电子垃圾越来越多,这堆“烂摊子”该由谁来清理?... 去年四月份,苹果发布了一份长达 58 页的《环境责任报告》,报告宣称,苹果公司在美国前环境保护局行政长官,现任苹果公司全球环境事务副总裁丽莎·杰克森(Lisa Jackson)采取了一系列可持续发展和安全发展举措。然而,随后 Vice 旗下科技频道 Motherboard 便发布了一份...
UI中国责编内容来自:UI中国 (源链) | 更多关于

阅读提示:酷辣虫无法对本内容的真实性提供任何保证,请自行验证并承担相关的风险与后果!
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 资源 | 10套好用的前端框架、设计组件库推荐



专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录