新聞中心
這篇文章將為大家詳細(xì)講解有關(guān)react的ui框架有什么,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
react的ui框架有:Material-UI(基于React的UI界面框架)、React-Bootstrap、Ant-design、Semantic-UI-React、React Desktop、Blueprint、Grommet等等。
適應(yīng)于ReactJS的UI組件庫
1、Material-UI
Material-UI是一款React組件庫來實(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是可重用的前端組件庫。React-Bootstrap是一款基于ReactJS對Bootstrap進(jìn)行封裝的庫。
官網(wǎng):https://react-bootstrap.github.io
中文文檔: http://react.tgwoo.com
Github: https://github.com/react-bootstrap/react-bootstrap/
3、Ant-design
提到Ant-design,大家可能會想前段時(shí)間的出現(xiàn)的‘圣誕彩蛋’事故。Ant-design是阿里巴巴團(tuán)隊(duì)出品的ReactUI組件庫。有自己獨(dú)特的設(shè)計(jì)風(fēng)格和理念。在支付寶、螞蟻金服等多個(gè)阿里項(xiàng)目中投入使用。組件化質(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 中所有有用的組件,同時(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組件庫。React-Desktop是跨平臺桌面應(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編寫,并以Sass編寫樣式風(fēng)格,以實(shí)現(xiàn)快速且靈活的開發(fā)流程。
官網(wǎng):https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop
7、Fabric
Fabric是一款用于構(gòu)建類似Office和Office 365風(fēng)格的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個(gè)組件,是一個(gè)UI庫及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è)輕量級(所有 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組件庫,所有組件都可訪問,具備跨瀏覽器兼容性且支持主題定制。通過對屬性的配置,組件的靈活性也可以進(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 組件。
你是否聽說過 CSS Modules? React-Toolbox 依賴于它。它允許你只使用所需的 CSS ,而不用使用像 Purify-CSS 這樣的工具。除此之外,React-Toolbox 是具有30 +組件,開箱即用的,高度可定制的框架。
關(guān)于react的ui框架有什么就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
網(wǎng)站名稱:react的ui框架有什么-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接:http://www.dlmjj.cn/article/ihdsh.html