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

操作体系：跨平台

对于开辟者而言，想要着手前端开辟，HTML、CSS 和 JavaScript 是三项必备的基本技能。而若何事半功倍地控制好这些常识？经由过程懂得当下火热的开源项目不乏为最佳进修姿势。本文盘点国内评分最高且收藏量跨越 100 的前端技巧开源项目，欲望可以赞助更多的开辟者扩大进修。
1.极简模块化前端UI框架 Layui

授权协定：MIT

开辟说话：JavaScript、HTML/CSS

操作体系：跨平台

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

源码地址： https://gitee.com/sentsin/layui

Layui 是一款采取自身模块规范编写的情怀型前端UI框架，遵守原生HTML/CSS/JS的书写竽暌闺组织情势，门槛极低，拿来即竽暌姑。其外在极简，却竽暌怪不掉饱满的内涵，体积轻巧，组件丰盈，大年夜核心代码到API的每一处细节都经由精心砥砺，异常合适界面的快速开辟。Layui 首个版本宣布于2016年金秋，她差别于那些基于MVVM底层的UI框架，却并非逆道而行，而是崇奉返璞归真之道。精确地说，她更多是为办事端法度榜样员量身定做，你无需涉足各类前端对象的复杂设备，只需面对浏览器本身，让一切你所须要的元素与交互，大年夜这里信手拈来。

开辟说话：JavaScript、HTML/CSS

2.JavaScript 图表库 ECharts

授权协定：BSD

开辟说话：JavaScript

操作体系：跨平台

源码地址： https://gitee.com/echarts/echarts

ECharts是一款由百度前端技巧部开辟的，基于Javascript的数据可视化图表库，供给直不雅，活泼，可交互，可个性化定制的数据可视化图表。供给大年夜量常用的数据可视化图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，对象箱等基本组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向构造图以及和弦图，同时支撑随便率性维度的聚积和多图表混淆展示。

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

评分：8.7；收藏量：220

授权协定：Apache

操作体系：跨平台

源码地址： https://gitee.com/pintuer/pintuer

拼图 Pintuer.com：国内优良的HTML、CSS、JS跨屏响应式开源前端框架，应用最新浏览器技巧，为快速的前端开辟供给一体系的文本、搁笔、媒体、表格、表单、按钮、菜单、网格体系等样式对象包，占用资本小，应用拼图可以快速构建简洁、优雅并且主动适应手机、平板、桌面电脑等设备的前端界面，让前端开辟像玩游戏一下快活而轻松。

拼图前端框架在传统CSS框架的根本上，增长了HTML5、CSS3、JS等技巧组合应用，应用于最新的浏览器技巧，同时兼容较早的浏览器，新旧结合，继往开来，开辟者只需把框架文件惹人到项目中，就可以初现快速的合营开辟，改变以往建立PC网站同时，再建立手机网站的局面，实现一站响应所有设备，大年夜大年夜进步了开辟效力。

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

授权协定：MIT

评分：7.7；收藏量：2002

开辟说话：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。