The Component Gallery 是一個專為介面設計師、前端開發者與產品團隊打造的資源網站，它蒐集來自全球各大設計系統（design systems）中所使用的 UI 元件（components）實例，並加以整理、分類、提供範例與說明。這個網站目前收錄了超過 60 個元件類型、90 ＋ 個設計系統、2,500 ＋ 個元件範例。
主要特色與功能
以下是這個網站的關鍵功能與亮點：
-
豐富元件類別分類：網站中你可以找到按名稱分類的元件，如 Accordion（手風琴式展開）、Button（按鈕）、Modal（模態視窗）、Tabs（標籤頁）等，每一個元件頁都附有說明、用途、範例數量。
-
真實設計系統範例蒐集：每個元件背後都有來自「設計系統」的實例，如 React 、Vue、Web Components 等架構的實作，使你可看到「別人怎麼做」的參考。
-
搜尋與篩選功能：支援搜尋元件名稱、設計系統名稱，且可依「技術（Tech）」「使用指南（Usage guidelines）」「開源（Open source）」等篩選。
-
設計／開發共用語言：在 About 頁面中提到，採用元件化 UI 架構有助於「一致性」「重用性」「團隊共通語言」。
-
開源與社群貢獻模式：網站鼓勵設計系統維護者提交自己的系統或元件例子，使資源庫持續成長。
The Component Gallery 是一款專為界面設計與開發團隊打造的高品質資源庫，透過「實際設計系統中的元件範例」幫助你提升 UI 設計的效率與品質。它最大的價值在於提供參考、命名範例、實作視野，讓你不必從零開始摸索。
若你正負責 UI 模組化、設計系統建立、或想提升你產品的介面一致性與可維護性，這網站絕對值得收藏並時常使用。當然，它並不是一次搞定所有元件的方案，而是靈感與參考庫：最終還是要結合你團隊的需求、技術棧、可訪問性標準與專案風格來實作。
