react有哪些ui框架？

react的ui框架有：Material-UI（基於React的UI介面框架）、React-Bootstrap、Ant-design、Semantic-UI-React、React Desktop、Blueprint、Grommet等等。

適應ReactJS的UI元件庫

1、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

2、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/

3、Ant-design

 

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

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

#4、Semantic-UI-React

Semantic-UI 的官方React 元件

Semantic-UI-React 幾乎擁有Semantic-UI 中所有有用的元件，同時也有一個非常好的Declarative API ，和用於React 元件的shorthand props ，並且jQuery-Free。

官網：https://react.semantic-ui.com/

5、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

#6、Blueprint

 Blueprint提供了一系列ReactUI元件，這些元件包含常用的元素、模式和Web互動。它適用於為桌面應用建立複雜且資料密集型的Web介面。它的元件使用TypeScript編寫，並以Sass編寫樣式風格，以實現快速且靈活的開發流程。

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

7、Fabric

#Fabric是一款用來建立類似Office和Office 365風格的React元件庫。是官方用TypeScript編寫的Office函式庫之一。有所有你能見到的Office組件，包括開發入門指南、部落格、官方色調以及字體等。

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

# 8、Rebass

Rebass 它包含60個元件，是一個UI函式庫及UI設計系統。

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

9、amaze UI （不維護了）

image

Amaze UI 是一個行動優先的跨螢幕前端框架。提供基礎樣式，網格，表格、表單、按鈕及常用元件樣式。是一個輕量級（所有CSS 和JS gzip 後100 kB 左右）、 Mobile first 的前端框架

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

10、React Grommet

Grommet是一個非常強調體驗的的React元件庫，所有元​​件都可訪問，並具備跨瀏覽器相容性且支援主題自訂。透過屬性的配置，組件的靈活性也可以進一步提高

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

11、React-Toolbox 

一組使用CSS 模組實作Google Material Design 的React 元件。 

你是否聽過 CSS Modules? React-Toolbox 依賴它。它允許你只使用所需的 CSS ，而不用使用像 Purify-CSS 這樣的工具。除此之外，React-Toolbox 是具有30 元件，開箱即用的，高度可自訂的框架。 

更多程式相關知識，請造訪：程式設計學習！ ！

以上是react有哪些ui框架？的詳細內容。更多資訊請關注PHP中文網其他相關文章！