【react】ReactJS中幾個比較最優秀的UI框架


一.Material-UI

 
 

 

Material-UI是一款React組件庫來實現Google的Material Design風格UI界面框架。也是首個React的UI工具集之一。使用它可以快速搭建出賞心悅目的應用界面。

英文文檔:https://material-ui.com
中文文檔:http://design.1sters.com
Github: https://github.com/mui-org/material-ui

二.React-Bootstrap

 
 

 

React-Bootstrap是可重用的前端組件庫。React-Bootstrap是一款基於ReactJS對Bootstrap進行封裝的庫。

官網:https://react-bootstrap.github.io
中文文檔: http://react.tgwoo.com
Github: https://github.com/react-bootstrap/react-bootstrap/

三.Ant-design

 
 

 

提到Ant-design,大家可能會想前段時間的出現的‘聖誕彩蛋’事故。Ant-design是阿里巴巴團隊出品的ReactUI組件庫。有自己獨特的設計風格和理念。在支付寶、螞蟻金服等多個阿里項目中投入使用。組件化質量非常高,開箱即用。

官網:https://ant.design/docs/react/introduce-cn
Github: https://github.com/ant-design/ant-design/

四.SemanticUI

 
 

 

Semantic UI 是一款非常優秀的前端開發框架。它在用戶體驗的設計上與Bootstrap和Foundation相比,更勝一籌。集成了很多很漂亮的UI模塊,能夠使網頁制作更加高效和美觀。

官網:https://semantic-ui.com
Github: https://github.com/semantic-org/semantic-ui/

五.React Desktop

 
 

一款面向MacOS Sierra和Windows10桌面風格的ReactUI組件庫。React-Desktop是跨平台桌面應用程序的 UI 組件,可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 組件。

 

官網:http://reactdesktop.js.org/docs/
Github: https://github.com/gabrielbull/react-desktop

六.Blueprint

 
 

Blueprint提供了一系列ReactUI組件,這些組件包含常用的元素、模式和Web交互。它適用於為桌面應用構建復雜且數據密集型的Web界面。它的組件使用TypeScript編寫,並以Sass編寫樣式風格,以實現快速且靈活的開發流程。

官網:https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop

七.Fabric

 
 

Fabric是一款用於構建類似Office和Office 365風格的React組件庫。是官方用TypeScript編寫的Office庫之一。有所有你能見到的Office組件,包括開發入門指南、博客、官方色調以及字體等。

 

官網:https://fabric-chs.readthedocs.io/zh_CN/chs/
Github: https://github.com/fabric/fabric/

八.Rebass

 
 

Rebass 它包含60個組件,是一個UI庫及UI設計系統。

 

官網:https://rebassjs.org
Github: https://github.com/rebassjs/rebass

九.amaze UI (不維護了)

 
image

Amaze UI 是一個移動優先的跨屏前端框架。提供基礎樣式,網格,表格、表單、按鈕及常用組件樣式。是一個輕量級(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架

官網地址:http://amazeui.org/
Github: https://github.com/zordius/lightncandy

十.ReactGrommet

 
屏幕快照 2019-01-21 下午2.46.32.png

Grommet是一個非常強調體驗的的React組件庫,所有組件都可訪問,具備跨瀏覽器兼容性且支持主題定制。通過對屬性的配置,組件的靈活性也可以進一步提高

官網地址:https://v2.grommet.io
Github: https://github.com/grommet/grommet

目前React是如今流行的前端技術,而React最棒的一個特點就是有大量功能豐富的組件庫和開發框架可用。以上是適合React的UI組件庫,如有遺漏,請評論告知!謝謝!



作者:honey緣木魚
鏈接: https://www.jianshu.com/p/87ec34e59891
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM