天天看點

ReactJS幾款UI架構react系列---------ReactJS最優秀的UI架構

react系列---------ReactJS最優秀的UI架構

建構你的下一個 React.js APP,有這些優秀的 UI 架構就夠了。 

一.Material-UI

  Material-UI是一款React元件庫來實作Google的Material Design風格UI界面架構。也是首個React的UI工具集之一。使用它可以快速搭建出賞心悅目的應用界面。

  英文文檔:https://material-ui.com

二.React-Bootstrap

   React-Bootstrap是可重用的前端元件庫。React-Bootstrap是一款基于ReactJS對Bootstrap進行封裝的庫。

  官網:https://react-bootstrap.github.io

 三.Ant-design

   Ant-design是阿裡巴巴團隊出品的ReactUI元件庫。有自己獨特的設計風格和理念。在支付寶、螞蟻金服等多個阿裡項目中投入使用。元件化品質非常高,開箱即用。

  官網:https://ant.design/docs/react/introduce-cn

四.SemanticUI

   Semantic UI 是一款非常優秀的前端開發架構。它在使用者體驗的設計上與Bootstrap和Foundation相比,更勝一籌。內建了很多很漂亮的UI子產品,能夠使網頁制作更加高效和美觀。

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

五.React Desktop

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

  官網:http://reactdesktop.js.org/docs/

六.Blueprint

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

  官網:https://apiblueprint.org

七.Fabric

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

  官網:https://fabric-chs.readthedocs.io/zh_CN/chs/

八.Rebass

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

  官網:https://rebassjs.org

繼續閱讀