react的ui框架有什么

這篇文章將為大家詳細講解有關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組件庫來實現(xiàn)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進行封裝的庫。

官網(wǎng)：https://react-bootstrap.github.io
中文文檔: http://react.tgwoo.com
Github: https://github.com/react-bootstrap/react-bootstrap/

3、Ant-design

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

官網(wǎng)：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。

官網(wǎng)：https://react.semantic-ui.com/

5、React Desktop

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

官網(wǎng)：http://reactdesktop.js.org/docs/
Github: https://github.com/gabrielbull/react-desktop

6、Blueprint

Blueprint提供了一系列ReactUI組件，這些組件包含常用的元素、模式和Web交互。它適用于為桌面應用構(gòu)建復雜且數(shù)據(jù)密集型的Web界面。它的組件使用TypeScript編寫，并以Sass編寫樣式風格，以實現(xiàn)快速且靈活的開發(fā)流程。

官網(wǎng)：https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop

7、Fabric

Fabric是一款用于構(gòu)建類似Office和Office 365風格的React組件庫。是官方用TypeScript編寫的Office庫之一。有所有你能見到的Office組件，包括開發(fā)入門指南、博客、官方色調(diào)以及字體等。

官網(wǎng)：https://fabric-chs.readthedocs.io/zh_CN/chs/
Github: https://github.com/fabric/fabric/

8、Rebass

Rebass 它包含60個組件，是一個UI庫及UI設計系統(tǒng)。

官網(wǎng)：https://rebassjs.org
Github: https://github.com/rebassjs/rebass

9、amaze UI （不維護了）

image

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

官網(wǎng)地址：http://amazeui.org/
Github: https://github.com/zordius/lightncandy

10、React Grommet

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

官網(wǎng)地址：https://v2.grommet.io
Github: https://github.com/grommet/grommet

11、React-Toolbox

一組使用 CSS 模塊實現(xiàn) Google Material Design 的 React 組件。

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

關于react的ui框架有什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。