5個好用的React UI框架

React是一個用於構建用戶界面的JavaScript庫,主要用於構建UI,很多人認爲React 是 MVC 中的 V(視圖)。

它最早起源於Facebook的一個內部項目,因爲公司對當時現有的JavaScript MVC框架都不滿意,就決定自己開發一套,用來架設Instagram的網站。開發完成後,發現這套東西很好用,就在2013年5月開源了。

1:Ant-design

推薦指數:star:60.2k
官網:https://ant.design/docs/react/introduce-cn
Github: https://github.com/ant-design/ant-design/

Ant Design一套企業級 UI 設計語言和 React 組件庫,基於Ant Design 設計體系的 React UI 組件庫,用於研發企業級中後臺產品,風格素雅簡潔,喜歡的可以選擇使用,目前在react技術棧領域使用的較爲廣泛,各種文檔也比較齊全,遇到問題好解決。

2:Material-UI

推薦指數:star:57.9k
英文文檔:https://material-ui.com
Github: https://github.com/mui-org/material-ui

Material-UI當下流行的 React UI 框架,組件用於更快速、更簡便的 web 開發,適合小團隊,或者個人項目快速搭建前端界面,可以自定義主題,Github上面的star挺多的,有超過Ant的趨勢,有空的話可以讀一讀源碼,畢竟這麼優秀的框架,能學到很多東西。

3:Semantic UI

推薦指數:star:48k
中文文檔:https://zijieke.com/semantic-ui/
Github: https://github.com/semantic-org/semantic-ui/

Semantic UI 是一款非常優秀的前端開發框架。它在用戶體驗的設計上與Bootstrap和Foundation相比,更勝一籌,語義化的前端 UI 框架,包含 50 多個組件。

4:React-Bootstrap

推薦指數:star:17.7k
官網:https://react-bootstrap.github.io
中文文檔: http://react.tgwoo.com
Github: https://github.com/react-bootstrap/react-bootstrap/

一款基於ReactJS對Bootstrap進行封裝前端組件庫,React-Bootstrap是可重用的前端組件庫。樣式組件依賴於bootstrap。與 Twitter Bootstrap 一致外觀與感受,但通過 Facebook 的 React.js 框架獲得更清爽的代碼。

5:Blueprint

推薦指數:star:16.2k
官網:https://apiblueprint.org
Github: https://github.com/palantir/blueprint

Blueprint是一個基於React的Web工具組件庫。 它針對在現代瀏覽器和IE11中運行的桌面應用程序構建複雜,數據密集的Web界面。一個 React UI 工具組件庫。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章