3 個基於 React 的 UI Framework

還在自己建構 react 元件嗎，不如先看看既有的 UI 框架是否已經完美達到您的需求了。何必要重新製造輪子並且給未來的自己挖坑呢。

底下筆者列出幾個頗受歡迎的專案，並依據星星數排序

1. chakra-ui (> 27k stars)
2. react-bootstrap (> 20k stars)
3. eui (> 4k stars)

chakra-ui

⚡️ 為您的 React 應用程式提供簡單、模組化和可訪問的 UI 元件

• 易於設定樣式：Chakra UI 包含一組佈局元件，例如 Box 和 Stack，可以通過傳遞 props 輕鬆設置元件樣式。
• 靈活且可組合：Chakra UI 組件建構在 React UI Primitive 之上，具有無限的可組合性。
• 無障礙。 Chakra UI 組件遵循 WAI-ARIA 指南規範並具有正確的 aria-* 屬性。
• 暗模式😍：Chakra UI 中的大多數組件都兼容暗模式。

react-bootstrap

使用 React 建構的 bootstrap 元件

支援到 Bootstrap 最新的 v5.x 版本，Bootstrap 一直是熱門的 UI 框架，成熟穩定，就不多做說明了。

Eui

近期快速崛起的 UI 框架。Elastic UI 框架是一組 React UI 元件，用於在 Elastic 中快速建構用戶介面。

樣式很新穎具有特色，文件也寫得很清楚易於互動參考，難怪會如此受到歡迎，被列入到 github 今日 的 trending repo 裡。