我們將世界上的 UI 元件編入目錄，讓你可以發現真正有效的技術。
為什麼要為 UI 開發者設立展示專區？
越來越多人正在建構元件驅動的 UI。但每個人的情況都不同，他們的建議也各異。很難判斷哪些開發技術真正有效，哪些只是炒作。領先的工程團隊實際上是如何交付 UI 的？
我們的社群在網路上搜尋最佳的 UI 元件、函式庫和設計系統。我們將它們集中在此處編入目錄。這能幫助你在建構自己的專案時參考最佳範例。
如何新增你的專案
將你的專案新增至 Chromatic
元件百科全書會索引發佈在 Chromatic 上的 Storybook (它是免費的)。Chromatic 是 Storybook 維護者提供的一項服務，用於將 Storybook 發佈到共享工作區，並為你的團隊產生可搜尋的索引。
了解 Chromatic專案維護者的好處
啟發其他開發者
對你的成果感到自豪嗎？向我們的 UI 工程社群展示它，幫助他們解決問題並尋找靈感。
UI 測試與審查
新增你的專案，即可免費使用 UI 測試與審查。這由 Storybook 背後的團隊 Chromatic 為你提供。
版本控制與歷史紀錄
回溯時間，查看專案的演進歷程。比較分支和提交之間的變更。
可搜尋的元件函式庫
為你的 UI 元件產生可搜尋的函式庫。這能幫助其他人發現並重複使用你的成果。
徽章與分析
每個元件和專案都會進行 UI 品質分析，以產生可分享的徽章，用於 README 檔案中。
永遠保持最新
你的專案會定期被爬取，為你提供準確、更新的健康指標。
常見問題與疑難排解
- 我的專案需要多久才會在這裡顯示？
- 專案可能需要最多 24 小時才會出現在目錄中。
- 專案多久爬取一次？
- 專案每 24 小時爬取一次。如果偵測到變更，將會反映出來。
- 為什麼我的專案沒有更新？
- 檢查你發佈的 Storybook 的 URL 是否正確，以及它是否正在更新。如果你使用 Chromatic，你的專案將會定期自動更新。
- 我該如何回報問題？
- 向我們的維護者回報問題，請至 Discord 聊天室 #showcase 頻道 或電子郵件 showcase@chromatic.com.
- 為什麼我的專案沒有被列出？
- 我們會從索引中移除格式錯誤的 Storybook。檢查你發佈的 Storybook URL 是否可解析，以及是否有任何因素阻止你的 stories 呈現。向我們的維護者回報問題，請至 Discord 聊天室 #showcase 頻道.
- 我該如何移除我的專案？
- 我們展示前端生態系統中最佳的公開專案，供開發者學習。如果你想省略你的專案，請新增
<meta name="robots" content="noindex">標籤到 Storybook 的<head>中。這可確保搜尋引擎無法找到你的 Storybook。
如果你的專案是意外出現在這裡，我們很樂意將其移除。請在Discord #showcase 與我們聯絡 或電子郵件 showcase@chromatic.com. - 是否有行為準則？
- 為了促進開放和友善的環境，我們作為貢獻者和維護者，保證讓參與我們的專案和社群的每個人，都能享有免於騷擾的體驗，無論其年齡、體型、身心障礙、族裔、性別認同和表達、經驗程度、國籍、個人外貌、種族、宗教或性取向為何。 繼續閱讀我們的貢獻者盟約。
特別感謝
元件百科全書使用以下工具建構 Hygraph，他們慷慨地為此專案提供 CMS。