DESIGN SYSTEMS
  • AI Tools
  • Apps & Tools
  • Design Systems
  • Frontend
  • Frontend Library
  • Productivity
  • shadcn/ui

    shadcn/ui

    ui.shadcn.com

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

    Radix UI

    Radix UI

    radix-ui.com

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

    React Spectrum

    React Spectrum

    react-spectrum.adobe.com

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