国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？

点选下方“CSDN

危急关头，第一时间送抵！

对于合作开发人员来说，想著手后端合作开发，HTML、CSS 和 JavaScript 是四项必不可少的基础专业技能。而如何四两拨千斤地掌控好这些科学知识？通过了解当今社会火爆的开放源标识符工程项目鲜有为最差自学坐姿。责任编辑科孔亚洲地区打分最高且珍藏量超过 100 的后端技术开放源标识符工程项目，希望可以协助更多的合作开发人员扩充自学。

1.Becoming模组化后端UI架构 Layui

打分：9.3；珍藏量：873

许可协定：MIT

合作开发词汇：JavaScript、HTML/CSS 

作业系统：虚拟化

源标识符门牌号：https://gitee.com/sentsin/layui

Layui 是这款采用另一方面组件规范化撰写的情操型后端UI架构，遵从原生植物HTML/CSS/JS的手写与组织形式，准入门槛较低，用做狸尾豆。韩立华在Becoming，却又更添圆润的外在，表面积柔和，组件柔润，从核心理念标识符到API的每处技术细节都经过精心设计打磨，适于介面的快速合作开发。Layui 第一个版发布于2016年初夏，她区别于那些如前所述MVVM下层的UI架构，却绝非科泽藓而行，而是改信闲适之道。精确地说，她更多是为服务器端开发人员量身定制，你无须跨足各种后端辅助工具的繁杂实用性，只需直面应用程序本身，让一切你所需要的原素与可视化，从这里举重若轻。

2.JavaScript 图表库 ECharts

打分：8.9；珍藏量：2448

许可协定：BSD

合作开发词汇：JavaScript 

作业系统：虚拟化

源标识符门牌号：https://gitee.com/echarts/echarts

ECharts是这款由百度后端技术部合作开发的，如前所述Javascript的数据可视化图表库，提供直观，生动，可可视化，可个性化定制的数据可视化图表。提供大量常用的数据可视化图表，下层如前所述ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，辅助工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。

3.国产跨屏响应式后端架构 拼图 Pintuer

打分：8.7；珍藏量：220

许可协定：Apache

合作开发词汇：JavaScript、HTML/CSS

作业系统：虚拟化

源标识符门牌号：https://gitee.com/pintuer/pintuer

拼图 Pintuer.com：亚洲地区优秀的HTML、CSS、JS跨屏响应式开放源标识符后端架构，使用最新应用程序技术，为快速的后端合作开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式辅助工具包，占用资源小，使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的后端介面，让后端合作开发像玩游戏一下快乐而轻松。

拼图后端架构在传统CSS架构的基本上，增加了HTML5、CSS3、JS等技术组合应用，应用于最新的应用程序技术，同时兼容较早的应用程序，新旧结合，承前启后，合作开发人员只需把架构文件引入到工程项目中，就可以初现快速的共同合作开发，改变以往建立PC网站同时，再建立手机网站的局面，实现一站响应所有设备，大大提高了合作开发效率。

4.轻量级 Material Design 后端架构 MDUI

打分：8.6；珍藏量：215

许可协定：MIT

合作开发词汇：JavaScript、HTML/CSS

作业系统：虚拟化

源标识符门牌号：https://github.com/zdhxiong/mdui

MDUI 是一个轻量级的 Material Design 后端架构，对照着 Material Design 文档进行合作开发，争取 1:1 实现 Material Design 中的组件。

多主题支持：MDUI 拥有 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 CSS 类即可实现主题的切换。

轻量级：包含所有主题的 CSS 文件仅 26.4KB minified + gzip，JavaScript 文件仅 12KB minified + gzip，且没有任何依赖

响应式：移动优先，可适配所有屏幕。

5.Win10 风格的后端响应式 UI 架构 Win10-UI

打分：8.5；珍藏量：170

许可协定：SATA

合作开发词汇：JavaScript、HTML/CSS 

作业系统：虚拟化

源标识符门牌号：https://github.com/yuri2peter/win10-ui

Win10-UI是这款win10风格的后台UI架构。它使用了丰富的win10桌面原素，包括桌面图标、窗口化子页面管理、开始菜单、动态小磁贴等组件，兼容主流现代应用程序及移动端的屏幕尺寸，适合快速合作开发后台管理系统的后端介面。

Win10-UI采用传统UI架构的渲染设计，无序记住繁复的js标识符，只需要套用html结构就可以轻松渲染出桌面原素。同时也保留了主动调用的API，让高级合作开发人员可以定义UI的技术细节。它并没有定义太多的“规则”，你完全可以用css、js扩充它的功能，把它打造成属于你的独一无二的后台UI。

6.Node 终端介面库 blessed-contrib

打分：8.5；珍藏量：125

许可协定：MIT

开发词汇：JavaScript

作业系统：虚拟化

源标识符门牌号：https://github.com/yaronn/blessed-contrib

blessed-contrib 是使用 Node.js 构建终端应用介面的库。

7.如前所述 React 和 Redux 的现代内容编辑器 ORY Editor

打分：8.3；珍藏量：109

许可协定：AGPL

合作开发词汇：JavaScript 

作业系统：虚拟化

源标识符门牌号：https://github.com/ory/editor

ORY 是一家构建和维护合作开发人员辅助工具的公司，ORY Editor 是一个用于 Web 的智能、可扩充和现代的编辑器（“WYSIWYG”），使用 React 撰写。如果你厌倦了 contenteditable 的限制，这将是不错的选择。

ORY Editor 可用于创建网站，与 Squarespace 类似，不过它可以离线运行，通过它创建的网站会存储在设备上，还可以创建自己的设计和插件。

8.移动应用动画效果架构 Lottie

打分：8.3；珍藏量：317

许可协定：Apache

合作开发词汇：Java、Objective-C、JavaScript

作业系统：Android

源标识符门牌号：

Android : https://github.com/airbnb/lottie-android

iOS : https://github.com/airbnb/lottie-ios

React Native : https://github.com/airbnb/lottie-react-native

Lottie 是 Airbnb 合作开发的这款能够为原生植物应用添加动画效果的开放源标识符辅助工具。Lottie 目前提供了 iOS、Android 和 React Native 版，能够实时渲染 After Effects 动画特效。

目前，Lottie支持路径修剪、蒙版、遮盖等操作。此外还有一个可选的缓存机制，对那些频繁使用的东西能够更快加载。这款应用的目标就是协助合作开发人员和动画师能够更轻松的为应用创建动画，从而在整体上提升互动因素。

9.主题优化包 JQuery EasyUI 1.5.x Of Insdep Theme

打分：8.3；珍藏量：101

许可协定：GPL

合作开发词汇：JavaScript

作业系统：虚拟化

源标识符门牌号：https://gitee.com/weavors/JQuery-EasyUI-1.5.x-Of-Insdep-Theme

Insdep theme是如前所述EasyUI 1.5.x 的这款免费的美化主题包，拥有百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。

10.如前所述 Ueditor 的现代化富文本编辑器 Neditor

打分：8.3；珍藏量：503

许可协定：MIT

合作开发词汇：JavaScript

作业系统：虚拟化

源标识符门牌号：https://gitee.com/notadd/neditor

百度后端团队做了许多努力，现在 Ueditor 是公认最好用的中文富文本编辑器。但是随着时间的推移，大家感觉百度编辑器并不是那么漂亮。于是我们对 Ueditor 进行修改，有了现在的 Neditor 。

11.如前所述 Vue.js 的 UI 组件库 iView

打分：8.3；珍藏量：475

许可协定：MIT

合作开发词汇：HTML/CSS 

作业系统：虚拟化

源标识符门牌号：https://gitee.com/icarusion/iview

iView 是一套如前所述 Vue.js 的 UI 组件库，主要服务于 PC 介面的中后台产品。

特性

高质量、功能丰富

友好的 API ，自由灵活地使用空间

使用单文件的 Vue 组件化合作开发模式

如前所述 npm + webpack + babel 合作开发，支持 ES2015

12.如前所述 Vue 2.0 的组件库 Element

打分：8.2；珍藏量：609

许可协定：MIT

合作开发词汇：JavaScript 

作业系统：虚拟化

源标识符门牌号：https://github.com/ElemeFE/element

Element，一套为合作开发人员、设计师和产品经理准备的如前所述 Vue 2.0 的组件库，提供了配套设计资源，协助你的网站快速成型。由饿了么公司后端团队开放源标识符。

13.HTML5 跨屏后端架构 Amaze UI 

打分：8.1；珍藏量：1213

许可协定：MIT

合作开发词汇：JavaScript、HTML/CSS 

作业系统：虚拟化

源标识符门牌号：https://gitee.com/amazeui/amazeui

Amaze UI采用国际最前沿的“组件式合作开发”以及“移动优先”的设计理念，如前所述其丰富的组件，合作开发人员可通过简单拼装即可快速构建出HTML5网页应用，上线仅半年，Amaze UI就成为了亚洲地区最流行的后端架构，目前在Github上收获Star数近万，服务于全球50W合作开发人员。

14.专为微信设计的 UI 库 WeUI

打分：7.7；珍藏量：2002

许可协定：MIT

合作开发词汇：JavaScript、HTML/CSS

作业系统：虚拟化

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。

WeUI 是一套同微信原生植物视觉体验一致的基础样式库，为微信 Web 合作开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式原素。

15.仪表盘 WebApp 模板 AdminLTE

打分：7.6；珍藏量：136

许可协定：MIT

合作开发词汇：JavaScript、HTML/CSS

作业系统：虚拟化

源标识符门牌号：https://github.com/almasaeed2010/AdminLTE/

AdminLTE 是受欢迎的开放源标识符的管理仪表盘和控制面板的WebApp模板。它是如前所述Bootstrap 3的CSS架构，反应灵敏的HTML模板。利用所有Bootstrap的组件对大部分使用插件进行设计和调整风格，创建出可以用作后端应用程序的用户介面一致性设计。AdminLTE是如前所述模组化设计，很容易在其之上定制和重制。

16.web上线部署系统辅助工具 Walle

打分：7.4；珍藏量：359

许可协定：MIT

开发词汇：PHP、HTML/CSS

作业系统：虚拟化

Walle 一个web部署系统辅助工具，实用性简单、功能完善、介面流畅、开箱狸尾豆！支持git、svn版管理，支持各种web标识符发布，PHP，Python，JAVA等标识符的发布、回滚，可以通过web来一键完成。

17.网站管理后台模板 Charisma

打分：7.4；珍藏量：1055

许可协定：Apache

合作开发词汇：HTML/CSS

作业系统：虚拟化

Charisma 是如前所述 Twitter Bootstrap 制作的响应式网站管理后台模板，包含9套漂亮的主题。

18.开放源标识符看板管理系统 LibreBoard

打分：7.4；珍藏量：380

许可协定：MIT

合作开发词汇：JavaScript、HTML/CSS

作业系统：虚拟化

LibreBoard 是一个卡片式的组织 Kanban 的开放源标识符实现。可以用来实现团队内部的协作沟通，你可以吧 LibreBoard 看成是 Trello 的开放源标识符版。LibreBoard 为 Sandstorm 平台提供了一键安装以及一个经过验证的 Docker 映像。

注：以上打分、珍藏量等数据均来自开放源标识符中国。

——– 热闻回顾 ——–

微博遭鹿晗恋情暴击瘫痪，如何快速提高系统性能？

TIOBE 10 月编程词汇排行榜：Swift 正过时？

GitHub 的 12 个实用技巧，你 get 了几个？