HTML、CSS 和 Javascript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识？通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过 100 的前端技术开源项目，希望可以帮助更多的开发者扩展学习。
Layui 是一款采用自身模块规范编写的情怀型前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。Layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
ECharts 是一款由百度前端技术部开发的，基于 Javascript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。提供大量常用的数据可视化图表，底层基于 ZRender（一个全新的轻量级 canvas 类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K 线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。
拼图国内优秀的 HTML、CSS、JS 跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，占用资源小，使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面，让前端开发像玩游戏一下快乐而轻松。
拼图前端框架在传统 CSS 框架的基本上，增加了 HTML5、CSS3、JS 等技术组合应用，应用于最新的浏览器技术，同时兼容较早的浏览器，新旧结合，承前启后，开发者只需把框架文件引入到项目中，就可以初现快速的共同开发，改变以往建立 PC 网站同时，再建立手机网站的局面，实现一站响应所有设备，大大提高了开发效率。
Win10-UI 是一款 win10 风格的后台 UI 框架。它使用了丰富的 win10 桌面元素，包括桌面图标、窗口化子页面管理、开始菜单、动态小磁贴等组件，兼容主流现代浏览器及移动端的屏幕尺寸，适合快速开发后台管理系统的前端界面。
Win10-UI 采用传统 UI 框架的渲染设计，无序记住繁复的 js 代码，只需要套用 html 结构就可以轻松渲染出桌面元素。同时也保留了主动调用的 API，让高级开发者可以定义 UI 的细节。它并没有定义太多的“规则”，你完全可以用 css、js 扩充它的功能，把它打造成属于你的独一无二的后台 UI。
ORY 是一家构建和维护开发者工具的公司，ORY Editor 是一个用于 Web 的智能、可扩展和现代的编辑器（“WYSIWYG”），使用 React 编写。如果你厌倦了 contenteditable 的限制，这将是不错的选择。
ORY Editor 可用于创建网站，与 Squarespace 类似，不过它可以离线运行，通过它创建的网站会存储在设备上，还可以创建自己的设计和插件。
目前，Lottie 支持路径修剪、蒙版、遮盖等操作。此外还有一个可选的缓存机制，对那些频繁使用的东西能够更快加载。这款应用的目标就是帮助开发者和动画师能够更轻松的为应用创建动画，从而在整体上提升互动因素。
Insdep theme 是基于 EasyUI 1.5.x 的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts、justgage、plupload 等各类适应本主题的第三方插件美化补丁。并且各类常用 Jquery 插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。
百度前端团队做了许多努力，现在 Ueditor 是公认最好用的中文富文本编辑器。但是随着时间的推移，大家感觉百度编辑器并不是那么漂亮。于是我们对 Ueditor 进行修改，有了现在的 Neditor 。
iView 是一套基于 Vue.js 的 UI 组件库，主要服务于 PC 界面的中后台产品。
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。
Amaze UI 采用国际最前沿的“组件式开发”以及“移动优先”的设计理念，基于其丰富的组件，开发者可通过简单拼装即可快速构建出 HTML5 网页应用，上线仅半年，Amaze UI 就成为了国内最流行的前端框架，目前在 Github 上收获 Star 数近万，服务于全球 50W 开发者。
WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含 button、cell、dialog、toast、article、icon 等各式元素。
AdminLTE 是受欢迎的开源的管理仪表盘和控制面板的 WebApp 模板。它是基于 Bootstrap 3 的 CSS 框架，反应灵敏的 HTML 模板。利用所有 Bootstrap 的组件对大部分使用插件进行设计和调整风格，创建出可以用作后端应用程序的用户界面一致性设计。AdminLTE 是基于模块化设计，很容易在其之上定制和重制。
Walle 一个 web 部署系统工具，配置简单、功能完善、界面流畅、开箱即用！支持 git、svn 版本管理，支持各种 web 代码发布，PHP，Python，JAVA 等代码的发布、回滚，可以通过 web 来一键完成。
