原創：W3C中文教程（W3Schools.wang）
作為開發者，我們需要了解一些寶貴的UI開源框架資源，它們可以幫助我們更快更好地實現一些現代化的界面，包括一些移動設備的網頁界面風格設計。本文匯總了目前18個公認的世界頂級UI開源框架（附官網、Github以及各自的教程），歡迎大家學習使用。
1. Bootstrap
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。
Github：https://github.com/twbs/bootstrap
中文教程：http://w3schools.wang/bootstrap/bootstrap_tutorial.html
2. Semantic-ui
Semantic 是一個為主題化而設計的UI框架。主要特點：50+ UI 元素；3000 + CSS 變量；3 級變量繼承(和 SublimeText 類似)；用 em 作為單位構建以實現響應式設計；Flexbox 友好。
官網：https://semantic-ui.com/
Github：https://github.com/Semantic-Org/Semantic-UI
3. Foundation
Foundation 是一個易用、強大而且靈活的框架，用于構建基于任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等等。
官網：http://foundation.zurb.com/
Github：https://github.com/zurb/foundation-sites
4. Materialize
一個基于 Material Design 的 CSS 框架。
官網：http://materializecss.com
Github：https://github.com/Dogfalo/materialize
5. Material-ui
集成 Google Material 設計的 React 組件。
官網：http://www.material-ui.com/
Github：https://github.com/callemall/material-ui
6. Phantomjs
PhantomJS 是一個基于 WebKit 的服務器端 JavaScript API。它全面支持web而不需瀏覽器支持，其快速，原生支持各種Web標準： DOM 處理, CSS 選擇器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 頁面自動化 ， 網絡監測 ， 網頁截屏 ，以及 無界面測試 等。
官網：http://phantomjs.org/
Github：https://github.com/ariya/phantomjs
7. Pure
Pure.css是美國雅虎公司出品的一組輕量級、響應式純css模塊，適用于任何Web項目。
官網：https://purecss.io/
GitHub：https://github.com/yahoo/pure
中文教程：https://www.purecss.cn/
8. Flat-ui
Flat UI是基于Bootstrap做的Metro化改造，由Designmodo提供。Flat UI包含了很多Bootstrap提供的組件，但是外觀更加漂亮。Flat UI Flat UI是一套精美的扁平風格 UI 工具包，基于 Twitter Bootstrap 實現。
官網：http://designmodo.com/flat-free/
Github：https://github.com/designmodo/Flat-UI
9. Jquery-ui
jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論您是創建高度交互的 Web 應用程序還是僅僅向窗體控件添加一個日期選擇器，jQuery UI 都是一個完美的選擇。
官網：http://jqueryui.com/
Github:https://github.com/jquery/jquery-ui
10. React-bootstrap
基于 React 的 Bootstrap 3 組件。
官網：https://react-bootstrap.github.io/
Github：https://github.com/react-bootstrap/react-bootstrap
11. Uikit
Uikit 是一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面。
官網：https://getuikit.com/
GitHub：https://github.com/uikit/uikit
中文教程：http://www.getuikit.net
12. Metro-ui-css
Metro UI CSS 是一套用來創建類似于Windows 8 Metro UI風格網站的樣式. 這組風格被開發成一個獨立的基于Bootstrap的解決方案。
官網：http://metroui.org.ua/
Github：https://github.com/olton/Metro-UI-CSS
13. Iview
iView 主要服務于 PC 界面的中后臺業務，是一套高質量的開源 UI 組件庫。主要特性：使用單文件的 Vue 組件化開發模式；基于 npm + webpack + babel 開發，支持 ES2015；高質量、功能豐富；友好的 API ，自由靈活地使用空間；詳細、友好的文檔，事無巨細。
官網：https://www.iviewui.com/
Github：https://github.com/iview/iview
14. Layui
Layui 是一款采用自身模塊規范編寫的國產前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到API的每一處細節都經過精心雕琢，非常適合界面的快速開發。
官網：http://www.layui.com/
Github：https://github.com/sentsin/layui
15. Mui
MUI 是一個輕量級的CSS框架，遵循Google的Material Design設計方針。
官網：https://www.muicss.com/
Github：https://github.com/muicss/mui
16. Frozenui
Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架。基于手Q樣式規范，選取最常用的組件， 做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應用在騰訊手Q增值業務中。
官網：http://frozenui.github.io
Github：https://github.com/frozenui/frozenui
17. AlloyUI
AlloyUI是一個基于YUI3（JavaScript）的框架，它使用Bootstrap 3（HTML / CSS）為構建高可擴展應用程序提供了一個簡單的API。
官網：http://alloyui.com/
Github：https://github.com/liferay/alloy-ui
18. W3.CSS
W3.CSS是一個響應式的現代CSS框架。W3.CSS比其他CSS框架更小更快（大小僅為29K），比其他CSS框架更容易學習，更易于使用。
教程：http://w3schools.wang/w3css/w3css_tutorial.html
本文由 【W3C中文教程】 發表。轉載此文章須經 【W3C中文教程】 同意，并請附上 W3C中文教程 及 原文鏈接：http://w3schools.wang/report/top-UI-open-source-framework-summary.html
