這篇文章將為大家詳細(xì)講解有關(guān)react的ui框架有什么，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

易門(mén)網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站開(kāi)發(fā)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)2013年開(kāi)創(chuàng)至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

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

適應(yīng)于ReactJS的UI組件庫(kù)

1、Material-UI

Material-UI是一款React組件庫(kù)來(lái)實(shí)現(xiàn)Google的Material Design風(fēng)格UI界面框架。也是首個(gè)React的UI工具集之一。使用它可以快速搭建出賞心悅目的應(yīng)用界面。

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

2、React-Bootstrap

React-Bootstrap是可重用的前端組件庫(kù)。React-Bootstrap是一款基于ReactJS對(duì)Bootstrap進(jìn)行封裝的庫(kù)。

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

3、Ant-design

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

官網(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 中所有有用的組件，同時(shí)也有一個(gè)非常好的 Declarative API ，和用于 React 組件的 shorthand props ，并且 jQuery-Free。

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

5、React Desktop

一款面向MacOS Sierra和Windows10桌面風(fēng)格的ReactUI組件庫(kù)。React-Desktop是跨平臺(tái)桌面應(yīng)用程序的 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交互。它適用于為桌面應(yīng)用構(gòu)建復(fù)雜且數(shù)據(jù)密集型的Web界面。它的組件使用TypeScript編寫(xiě)，并以Sass編寫(xiě)樣式風(fēng)格，以實(shí)現(xiàn)快速且靈活的開(kāi)發(fā)流程。

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

7、Fabric

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

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

8、Rebass

Rebass 它包含60個(gè)組件，是一個(gè)UI庫(kù)及UI設(shè)計(jì)系統(tǒng)。

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

9、amaze UI （不維護(hù)了）

image

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

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

10、React Grommet

Grommet是一個(gè)非常強(qiáng)調(diào)體驗(yàn)的的React組件庫(kù)，所有組件都可訪(fǎng)問(wèn)，具備跨瀏覽器兼容性且支持主題定制。通過(guò)對(duì)屬性的配置，組件的靈活性也可以進(jìn)一步提高

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

11、React-Toolbox

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

你是否聽(tīng)說(shuō)過(guò) CSS Modules? React-Toolbox 依賴(lài)于它。它允許你只使用所需的 CSS ，而不用使用像 Purify-CSS 這樣的工具。除此之外，React-Toolbox 是具有30 +組件，開(kāi)箱即用的，高度可定制的框架。

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

分享標(biāo)題：react的ui框架有什么
文章地址：http://jinyejixie.com/article22/jjgccc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、App開(kāi)發(fā)、網(wǎng)站營(yíng)銷(xiāo)、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)