我們將全球的 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 是否可解析，以及是否有任何情況阻止你的故事呈現。在我們的 Discord 聊天 #showcase 頻道中向維護者回報問題.
- 中向維護者回報問題
- 我如何移除我的專案？ 我們展示前端生態系統中最佳的公共專案，供開發人員學習。如果你想省略你的專案，請將
<meta name="robots" content="noindex">標籤新增至 Storybook 的<head>。這可確保搜尋引擎找不到你的 Storybook。
如果你的專案是意外在此處出現，我們很樂意將其移除。在Discord #showcase 中與我們聊天 或電子郵件 showcase@chromatic.com. - 是否有行為準則？
- 為了營造一個開放和歡迎的環境，我們作為貢獻者和維護者保證，無論年齡、體型、殘疾、種族、性別認同和表達、經驗水平、國籍、個人外觀、種族、宗教或性別認同和性取向如何，每個人參與我們的專案和社群都將是沒有騷擾的體驗。 繼續閱讀我們的貢獻者公約。
特別感謝
元件百科是使用 Hygraph 建置的，他們慷慨地為專案提供 CMS。