剧情回顾:Antd的圣诞节彩蛋事件-为什么不经过开发者的允许就在按钮上加上圣诞节的彩蛋?

效果回顾:

The Big Three

目前最流行最受欢迎的前端框架有三个,分别是 Facebook 的React (stars:118387), Google 的 Angular (stars:43799), 个人开发的Vue (stars:123154)。它们每一个都有庞大的社区支持和附加库产生。

Npm包下载对比:

数据来源自npm stat

数据来源自npm stat

 

Google Trends

Google Trends

Google Trends 点击查看

在中国的趋势情况

在中国的趋势情况

 

下面这些框架和库大多都是基于此的并按Github star数排名,也是目前较流行的UI库,我只列举了一部分,欢迎大家补充。查看更多的库还可以参考文末的链接。

后台模板

AdminLTE

非常流行的开源管理仪表板和控制面板主题。基于Bootstrap 3 框架, 高度可定制且易于使用,提供了一系列的响应式、可重用的常用组件。

GitHub (stars:26189): https://github.com/almasaeed2010/AdminLTE

官网: https://adminlte.io/

预览: https://adminlte.io/themes/AdminLTE/index2.html

Vue element admin

基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

GitHub(stars:24510): https://github.com/PanJiaChen/vue-element-admin

官网: http://panjiachen.github.io/vue-admin-template

预览:https://panjiachen.gitee.io/vue-element-admin/#/login

Tabler

高级和开源仪表板模板,具有响应性和高质量的UI。

GitHub (stars:16745): https://github.com/tabler/tabler

官网:https://tabler.io/

预览:https://preview.tabler.io/

Ant Design Pro

开箱即用的中台前端/设计解决方案。

特性

  • 💎 优雅美观:基于 Ant Design 体系精心设计
  • 📐 常见设计模式:提炼自中后台应用的典型页面和场景
  • 🚀 最新技术栈:使用 React/umi/dva/antd 等前端前沿技术开发
  • 📱 响应式:针对不同屏幕大小设计
  • 🎨 主题:可配置的主题满足多样化的品牌诉求
  • 🌐 国际化:内建业界通用的国际化方案
  • ⚙️ 最佳实践:良好的工程实践助您持续产出高质量代码
  • 🔢 Mock 数据:实用的本地数据调试方案
  • ✅ UI 测试:自动化测试保障前端产品质量

Github (stars:15004): https://github.com/ant-design/ant-design-pro

官网: https://pro.ant.design/index-cn

预览: https://preview.pro.ant.design/dashboard/analysis

Ngx admin

基于Angular 7+, Bootstrap 4的后台模板。

GitHub (stars:14513): https://github.com/akveo/ngx-admin

官网: http://akveo.com/ngx-admin/#/pages/dashboard

预览:http://akveo.com/ngx-admin/#/pages/dashboard

iView admin

iView admin是基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。

GitHub(stars:10024): https://github.com/iview/iview-admin

官网: https://admin.iviewui.com/home

预览:https://admin.iviewui.com/home

Vue Admin

GitHub (stars:9048): https://github.com/vue-bulma/vue-admin/tree/master

官网: https://admin.vuebulma.com/(2018.12.26无法访问状态)

预览:https://admin.vuebulma.com/

Vue manage system

基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。

GitHub (stars:6067): https://github.com/lin-xin/vue-manage-system

官网: http://blog.gdfengshuo.com/example/work/#/dashboard

预览:http://blog.gdfengshuo.com/example/work/#/login

D2Admin

完全 开源免费 的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。

GitHub (stars:3625): https://github.com/d2-projects/d2-admin

官网: https://d2admin.fairyever.com/#/index

预览:https://d2admin.fairyever.com/#/login?redirect=%2Findex

开源UI库

Semantic

Semantic作为一款开发框架,帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。

GitHub (stars:43953): https://github.com/semantic-org/semantic-ui/

官网: https://semantic-ui.com/

Ant Design

服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

GitHub (stars:39259): https://github.com/ant-design/ant-design/

官网: https://ant.design/index-cn

Materialize

基于Material Design的现代响应式前端框架。

GitHub (stars:34714): https://github.com/Dogfalo/materialize

官网: https://materializecss.com/

Element UI

饿了么前端团队开源,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

GitHub (stars:33700): https://github.com/ElemeFE/element

官网: http://element-cn.eleme.io/#/zh-CN

LayUI

layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

后台模板需要获取授权。

GitHub (stars:16246): https://github.com/sentsin/layui/

官网: https://www.layui.com/

AmazeUI

Amaze UI 是基于社区开源项目构建的一个跨屏前端框架。移动优先理念。

GitHub (stars:12562): https://github.com/amazeui/amazeui-react

官网: http://amazeui.org/

MDUI

一套用于开发 Material Design 网页的前端框架。

GitHub (stars:2426): https://github.com/zdhxiong/mdui

官网: https://www.mdui.org/

ZUI

一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

GitHub (stars:2045): https://github.com/easysoft/zui

官网: http://zui.sexy/

ZanUI

有赞 PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件。

特性

  • 高质量的 React 基础组件以及丰富的业务组件
  • 内置 TypeScript 类型定义文件
  • 支持定制主题
  • 代码/样式按需加载
  • yarn + webpack + babel + postcss + prettier + stylefmt
  • 一套有赞设计师绘制的图标库
  • 单测覆盖率在 90% 以上

GitHub (stars:1422): https://github.com/youzan/zent

官网: https://www.youzanyun.com/zanui


更多:

* 所有Github star数统计截至发文时(2018年12月26号)。

分类: 技术

0 条评论

发表评论

电子邮件地址不会被公开。