簡介
歡迎來到 NextUI 文件!

什麼是 NextUI?
NextUI 是一個 React UI 函式庫,可協助您建構美觀且易於使用的使用者介面。它建立在 Tailwind CSS 和 React Aria 之上。
NextUI 的主要目標是簡化開發流程,為增強使用者體驗提供美觀且適應性強的系統設計。
常見問題
NextUI 是與 Vercel 相關的專案嗎?
不是,NextUI 是一個獨立的社群專案,與 Vercel 無關。
NextUI 與 TailwindCSS 有何不同?
-
TailwindCSS:
Tailwind CSS 是一個 CSS 框架,提供原子化的 CSS 類別來協助您設定元件樣式,讓您可以處理許多其他事情,例如易用性、元件組成、鍵盤導覽、樣式覆寫等。
-
NextUI:
NextUI 是一個 React UI 函式庫,結合了 TailwindCSS 和 React Aria 的強大功能,為建構易於使用且可自訂的使用者介面提供完整的元件(邏輯和樣式)。由於 NextUI 使用 TailwindCSS 作為其樣式引擎,您可以在 NextUI 元件中使用所有 TailwindCSS 類別,確保編譯後的 CSS 大小最佳。
NextUI 與 TailwindCSS 元件函式庫有何不同?
TailwindCSS 元件函式庫(例如 TailwindUI、Flowbite 或 Preline 等(僅舉幾例),僅提供精選的 TailwindCSS 類別來設定元件樣式。它們不提供任何 React 特有的元件、邏輯、屬性、組合或易用性功能。
與這些函式庫相比,NextUI 是一個完整的 UI 函式庫,提供一組易於使用且可自訂的元件、鉤子和實用程式。
NextUI 如何處理 TailwindCSS 類別衝突?
我們建立了一個名為 tailwind-variants 的 TailwindCSS 實用程式函式庫,可自動處理 TailwindCSS 類別衝突。這可確保您的自訂類別會持續覆寫預設類別,消除任何重複情況。
NextUI 使用執行階段 CSS 嗎?
否。由於 NextUI 使用 TailwindCSS 作為其樣式引擎,它會在建置時產生 CSS,因此無需執行階段 CSS。這表示 NextUI 完全相容於最新的 React 和 Next.js 版本。
NextUI 支援 TypeScript 嗎?
是,NextUI 是用 TypeScript 編寫的,並且完全支援它。
我可以使用 NextUI 與其他前端框架或函式庫(例如 Vue 或 Angular)嗎?
否,NextUI 專為 React 設計,因為它是建立在 React Aria 之上。但是,您仍然可以將 NextUI 元件的樣式部分與其他框架或函式庫搭配使用。
為什麼 NextUI 使用 Framer Motion?
我們使用 Framer Motion 來動畫某些元件,這是因為動畫的複雜性及其基於物理的特性。Framer Motion 允許我們以更直接和高效能的方式處理這些動畫。此外,它經過充分測試且可投入生產。
社群
我們很高興看到社群採用 NextUI、提出問題並提供意見。無論是功能要求、錯誤報告還是展示專案,都請踴躍參與!
貢獻
我們隨時歡迎對 NextUI 提出 PR,請參閱我們的貢獻指南,瞭解如何為此專案做出貢獻。