國內最火的 HTML、CSS、JavaScript 開源項目 Top 榜，你知多少？
分享之前我還是要推薦下我自己的前端學習群：527535103，不管你是小白還是大牛，小編我都挺歡迎，不定期分享乾貨，包括我自己整理的一份2017最新的前端資料和零基礎入門教程，送給大家，歡迎初學和進階中的小夥伴
關鍵時刻，第一時間送達！
對於開發者而言，想要著手前端開發，HTML、CSS和 JavaScript是三項必備的基礎技能。而如何事半功倍地掌握好這些知識？通過了解當下火熱的開源項目不乏為最佳學習姿勢。本文盤點國內評分最高且收藏量超過 100的前端技術開源項目，希望可以幫助更多的開發者擴展學習。
1.極簡模塊化前端UI框架 Layui
評分：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套漂亮的主題。
18.開源看板管理系統 LibreBoard
評分：7.4；收藏量：380
LibreBoard是一個卡片式的組織 Kanban的開源實現。可以用來實現團隊內部的協作溝通，你可以吧 LibreBoard看成是 Trello的開源版本。LibreBoard為 Sandstorm平臺提供了一鍵安裝以及一個經過驗證的 Docker映像。
注：以上評分、收藏量等數據均來自開源中國。
--------熱聞回顧 --------
微博遭鹿晗戀情暴擊癱瘓，如何快速提高系統性能？
TIOBE 10月編程語言排行榜：Swift正過時？
GitHub的 12個實用技巧，你 get了幾個？
這篇文章分享之後我還是要推薦下我自己的前端學習群：527535103 ，不管你是小白還是大牛，小編我都挺歡迎，不定期分享乾貨，包括我自己整理的一份2017最新前端資料和零基礎入門教程，歡迎初學和進階中的小夥伴
相關推薦
