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

简介: Web、Mobile、和小程序。


1

No.1  Ant Design UI 框架

 官网地址:ant.design

 体验地址:xcloud.alipay.com

 设计资源包:Download

 Github:github.com/ant-design


1


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



No.2  Element UI 框架 

 官网地址:element.eleme.io

 设计资源包:Download

 Github:github.com/elemefe


1


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



No.3  Bootstrap 框架

 官网地址:getbootstrap.com

 案例展示:expo.getbootstrap.com

 Github:github.com/twbs/bootstrap


1


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



No.4  ZUI H5 框架

 官网地址:zui.sexy

 移动端框架:zui.sexy/m

 Github:github.com/easysoft/zui


1


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



No.5  Muse UI 框架

 官网地址:muse-ui.org

 Github:github.com/museui/muse-ui


1


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



No.6  Foundation UI 框架

 官网地址:foundation.zurb.com

 案例展示:zurb.com/responsive


1


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



No.7  WePY 小程序框架

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

 Github:github.com/Tencent/wepy


1


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



No.8  Amaze H5 框架

 官网地址:amazeui.org

 Github:github.com/amazeui/amazeui


1


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



No.9  ZanUI 组件库

 官网地址:youzanyun.com/zanui

 Github:github.com/youzan/vant


1


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



No.10  ICE 组件库

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

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

 下载GUI工具:Download

 Github:github.com/alibaba/ice


1


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


-  END - 

 

 西瓜设计研究所

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

每周一上午9:00推送

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

© 西瓜设计研究所

 

相关文章
|
22天前
|
SQL 机器学习/深度学习 前端开发
10个宝藏级编程资源,让你省下8K学费不香吗_类似javaguide的前端网站
10个宝藏级编程资源,让你省下8K学费不香吗_类似javaguide的前端网站
10个宝藏级编程资源,让你省下8K学费不香吗_类似javaguide的前端网站
|
27天前
|
开发框架 前端开发 定位技术
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
【4月更文挑战第30天】Flutter插件市场和开源资源加速开发进程。pub.dev是官方插件库,提供大量第三方插件,节约时间和保证质量。选择插件时关注功能需求、评价及维护状况。开源资源作为学习、解决问题和创新的平台,需注意版权、代码质量和兼容性。案例分析展示插件应用,开源社区促进交流与技术进步,未来市场将持续发展。善用资源,提升开发效率与项目竞争力。
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
|
27天前
|
XML JSON 前端开发
【Flutter前端技术开发专栏】Flutter中的图片、视频与网络资源加载
【4月更文挑战第30天】Flutter是谷歌的开源前端框架,因其高性能、流畅UI和多端运行能力受开发者喜爱。本文聚焦于Flutter中的资源加载:使用`Image`组件加载静态、网络和本地图片;通过`video_player`库加载和播放视频;利用`http`包进行网络资源请求。掌握这些技巧将有助于提升Flutter应用的开发效率和质量。
【Flutter前端技术开发专栏】Flutter中的图片、视频与网络资源加载
|
27天前
|
前端开发 Java 应用服务中间件
ChaosBlade资源问题之把前端静态资源单独拉出来如何解决
ChaosBlade 是一个开源的混沌工程实验工具,旨在通过模拟各种常见的硬件、软件、网络、应用等故障,帮助开发者在测试环境中验证系统的容错和自动恢复能力。以下是关于ChaosBlade的一些常见问题合集:
|
7月前
|
前端开发 小程序 JavaScript
前端,Java,产品经理,微信小程序,Python等资源合集大放送
前端,Java,产品经理,微信小程序,Python等资源合集大放送
44 0
|
8月前
|
移动开发 前端开发 JavaScript
花无涯带你走进黑客世界16 前端攻城狮资源
Web前端开发是从网页制作演变而来的,在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
|
10月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-网上地图资源获取1
前端学习笔记202305学习笔记第二十三天-网上地图资源获取1
30 0
|
10月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-网上地图资源获取2
前端学习笔记202305学习笔记第二十三天-网上地图资源获取2
39 0
|
10月前
|
前端开发
前端项目实战壹佰叁拾肆react-admin+material ui-react-admin之Count之resource增加资源链接
前端项目实战壹佰叁拾肆react-admin+material ui-react-admin之Count之resource增加资源链接
45 0
|
11月前
|
前端开发 Serverless 开发者
前端工程化的前端性能的性能优化方案的网络层面优化之资源优化
资源优化是一种非常重要的前端性能优化方案,因为它可以在不同的环境中提高网页的响应速度和可接受性。
70 1