好用的 Html、CSS、JavaScript 開源項目

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框架的基本上，增長了HTML五、CSS三、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.專爲微信設計的 UI 庫 WeUI 

評分：7.7；收藏量：2002 

受權協議：MIT 
開發語言：JavaScript、HTML/CSS 
操做系統：跨平臺 

WeUI 是由微信官方設計團隊專爲微信移動 Web 應用設計的 UI 庫。 

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，爲微信 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 映像。 

注：以上評分、收藏量等數據均來自開源中國。