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

4zhvml8

2019年大数据/Python/设备学习高校教师培训报名

课程地点和时间：武汉，4月12日－14日（4月12日报到）

全国高校设备学习与实训课程高级研修班

全国高校大数据技术与实训课程高级研修班

全国高校Python数据分析与实训课程高级研修班

点击这儿，在线报名（查看仔细介绍）

源自：CSDN 

针对研发者而言，想要着手前端研发，HTML、CSS 和 JavaScript 是三项必须的基本技能。而怎样事半功倍地把握好这些知识？经过认识当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且保藏量超过 100 的前端技术开源项目，期盼能够帮忙更加多的研发者扩展学习。

1.极简模块化前端UI框架 Layui

评分：9.3；保藏量：873

授权协议：MIT

研发语言：JavaScript、HTML/CSS 

操作系统：跨平台

源码位置：https://gitee.com/sentsin/layui

Layui 是一款采用自己模块规范编写的情怀型前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到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.专为微X设计的 UI 库 WeUI

评分：7.7；保藏量：2002

授权协议：MIT

研发语言：JavaScript、HTML/CSS

操作系统：跨平台

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

WeUI 是一套同微X原生视觉体验一致的基本样式库，为微X 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 映像。

注：以上评分、保藏量等数据均来自开源中国。

-END-

 新书举荐 

600分钟超长视频讲解！本书是一本从零起始学习的微X小程序研发入门书，没需额外的基本。全书以项目驱动为宗旨，循序渐进、案例丰富，仔细介绍了微X小程序的入门基本知识与运用技巧。

扫描，京东优惠购书中...

凡是在京东购买用户，将订单和评估截图发到邮箱itbook8@163.com

将得到额外微X小程序大礼包（如下图样例）

更加多精品图书

7wu1wm0

顶楼主，说得太好了！