DESIGN SYSTEMS
shadcn/ui
ui.shadcn.com
shadcn/ui 可以說是 2024 年最火紅的 React 元件庫之一,主打「複製貼上、開箱即用」,讓開發者能快速整合並客製化元件。它建立在 Radix UI 提供的 headless 元件之上,並結合 Tailwind CSS,在開發體驗與設計自由度間取得非常完美的平衡。

Radix UI
radix-ui.com
這是小編非常喜歡的一套設計系統,常常會參考裡面的元件來學習與設計。它同時也是 @shadcn/ui 底層所採用的 UI 庫。

React Spectrum
react-spectrum.adobe.com
React Spectrum 是由 Adobe 開發,基於 React Aria 架構的 headless UI 設計系統。它不僅提供完整、無樣式的元件,也有提供各個組件對應的 hooks,讓外部開發者能輕鬆進行客製化。而它的主要貢獻者之一 Devon Govett,更是小編非常崇拜的一位軟體工程師。