html排行榜模板国内最火的 HTMLCSSJavaScript 开源项目 Top 榜你知若干

关键时候，第一韶光投递！

对付开拓者而言，想要动手前端开拓，HTML、CSS和 JavaScript是三项必备的根本技能。
而如何事半功倍地节制好这些知识？通过理解当下火热的开源项目不乏为最佳学习姿势。
本文盘点海内评分最高且收藏量超过 100的前端技能开源项目，希望可以帮助更多的开拓者扩展学习。

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

html排行榜模板国内最火的 HTMLCSSJavaScript 开源项目 Top 榜你知若干 React

评分：9.3；收藏量：873

授权协议：MIT

开拓措辞：JavaScript、HTML/CSS

操作系统：跨平台

源码地址：

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

2.JavaScript图表库 ECharts

评分：8.9；收藏量：2448

授权协议：BSD

开拓措辞：JavaScript

操作系统：跨平台

源码地址：

ECharts是一款由百度前端技能部开拓的，基于Javascript的数据可视化图表库，供应直不雅观，生动，可交互，可个性化定制的数据可视化图表。
供应大量常用的数据可视化图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等根本组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、舆图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表稠浊展现。

3.国产跨屏相应式前端框架拼图 Pintuer

评分：8.7；收藏量：220

授权协议：Apache

开拓措辞：JavaScript、HTML/CSS

操作系统：跨平台

源码地址：

拼图 Pintuer.com：海内精良的HTML、CSS、JS跨屏相应式开源前端框架，利用最新浏览器技能，为快速的前端开拓供应一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，占用资源小，利用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面，让前端开拓像玩游戏一下快乐而轻松。

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

4.轻量级 Material Design前端框架 MDUI

评分：8.6；收藏量：215

授权协议：MIT

开拓措辞：JavaScript、HTML/CSS

操作系统：跨平台

源码地址：

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

操作系统：跨平台

源码地址：

Win10-UI是一款win10风格的后台UI框架。
它利用了丰富的win10桌面元素，包括桌面图标、窗口化子页面管理、开始菜单、动态小磁贴等组件，兼容主流当代浏览器及移动真个屏幕尺寸，适宜快速开拓后台管理系统的前端界面。

Win10-UI采取传统UI框架的渲染设计，无序记住繁复的js代码，只须要套用html构培养可以轻松渲染出桌面元素。
同时也保留了主动调用的API，让高等开拓者可以定义UI的细节。
它并没有定义太多的“规则”，你完备可以用css、js扩充它的功能，把它打造成属于你的独一无二的后台UI。

6.Node终端界面库 blessed-contrib

评分：8.5；收藏量：125

授权协议：MIT

开拓措辞：JavaScript

操作系统：跨平台

源码地址：

blessed-contrib是利用 Node.js构建终端运用界面的库。

7.基于 React和 Redux的当代内容编辑器 ORY Editor

评分：8.3；收藏量：109

授权协议：AGPL

开拓措辞：JavaScript

操作系统：跨平台

源码地址：

ORY是一家构建和掩护开拓者工具的公司，ORY Editor是一个用于 Web的智能、可扩展和当代的编辑器（“WYSIWYG”），利用 React编写。
如果你厌倦了 contenteditable的限定，这将是不错的选择。

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

8.移动运用动画效果框架 Lottie

评分：8.3；收藏量：317

授权协议：Apache

开拓措辞：Java、Objective-C、JavaScript

操作系统：Android

源码地址：

Android :

iOS :

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

操作系统：跨平台

源码地址：

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

10.基于 Ueditor的当代化富文本编辑器 Neditor

评分：8.3；收藏量：503

源码地址：

百度前端团队做了许多努力，现在 Ueditor是公认最好用的中文富文本编辑器。
但是随着韶光的推移，大家觉得百度编辑器并不是那么俊秀。
于是我们对 Ueditor进行修正，有了现在的 Neditor 。

11.基于 Vue.js的 UI组件库 iView

评分：8.3；收藏量：475

授权协议：MIT

开拓措辞：HTML/CSS

操作系统：跨平台

源码地址：

iView是一套基于 Vue.js的 UI组件库，紧张做事于 PC界面的中后台产品。

特性

高质量、功能丰富

友好的 API ，自由灵巧地利用空间

利用单文件的 Vue组件化开拓模式

基于 npm + webpack + babel开拓，支持 ES2015

12.基于 Vue 2.0的组件库 Element

评分：8.2；收藏量：609

授权协议：MIT

开拓措辞：JavaScript

操作系统：跨平台

源码地址：

Element，一套为开拓者、设计师和产品经理准备的基于 Vue 2.0的组件库，供应了配套设计资源，帮助你的网站快速成型。
由饿了么公司前端团队开源。

13.HTML5跨屏前端框架 Amaze UI

评分：8.1；收藏量：1213

源码地址：

Amaze UI采取国际最前沿的“组件式开拓”以及“移动优先”的设计理念，基于其丰富的组件，开拓者可通过大略拼装即可快速构建出HTML5网页运用，上线仅半年，Amaze UI就成为了海内最盛行的前端框架，目前在Github上收成Star数近万，做事于环球50W开拓者。

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

评分：7.7；收藏量：2002

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

WeUI是一套同微信原生视觉体验同等的根本样式库，为微信 Web开拓量身设计，可以令用户的利用感知更加统一。
包含button、cell、dialog、toast、article、icon等各式元素。

15.仪表盘 WebApp模板 AdminLTE

评分：7.6；收藏量：136

源码地址：

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套俊秀的主题。