首頁 > web前端 > js教程 > 主體

react有哪些ui框架?

青灯夜游
發布: 2020-11-25 10:37:35
原創
5413 人瀏覽過

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

react有哪些ui框架?

適應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。

react有哪些ui框架?

官網: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框架?

更多程式相關知識,請造訪:程式設計學習! !

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板