我们收集全球的UI组件，以便你发现真正有效的技术。
为什么为 UI 开发者设立一个展示平台？
越来越多的人正在构建以组件驱动的UI。但每个人都不同，他们的建议也是如此。很难弄清楚哪些开发技术有效，哪些只是炒作。领先的工程团队是如何真正交付 UI 的？
我们的社区在网络上搜寻最好的 UI 组件、库和设计系统。我们将它们收集到一起。这可以帮助你在构建自己的项目时参考最佳实践。
如何添加你的项目
将你的项目添加到 Chromatic
组件百科全书索引发布在 Chromatic 上的 Storybook（它是免费的）。Chromatic 是由 Storybook 维护者开发的一项服务，用于将 Storybook 发布到共享工作区并为你的团队生成可搜索的索引。
了解 Chromatic项目维护者的益处
激励同行开发者
为你的作品感到自豪？向我们的 UI 工程师社区展示它，帮助他们解决问题并获得灵感。
UI 测试和审查
通过添加你的项目获得免费的 UI 测试和审查。它由 Chromatic 提供，Chromatic 是 Storybook 背后的团队。
版本控制和历史记录
回溯时间，查看项目的演变。比较不同分支和提交之间的变化。
可搜索的组件库
为你的 UI 组件生成可搜索的库。这可以帮助其他人发现和重用你的作品。
徽章和分析
每个组件和项目都会根据 UI 质量进行分析，以生成可用于 README 的可分享徽章。
始终保持最新
你的项目会定期被抓取，为你提供准确、更新的健康指标。
常见问题解答和故障排除
- 我的项目需要多长时间才能在这里显示？
- 项目可能需要长达 24 小时才能出现在目录中。
- 项目多久抓取一次？
- 项目每 24 小时抓取一次。如果检测到更改，将进行反映。
- 为什么我的项目没有更新？
- 请检查你发布的 Storybook 的 URL 是否正确，以及它是否正在更新。如果你使用 Chromatic，你的项目会自动定期更新。
- 如何报告问题？
- 在我们的 Discord 聊天 #showcase 频道 或电子邮件 [email protected].
- 为什么我的项目没有列出？
- 我们从索引中删除格式错误的 Storybook。请检查你发布的 Storybook URL 是否能解析，以及是否有任何因素阻止你的故事渲染。在我们的 Discord 聊天 #showcase 频道.
- 如何删除我的项目？
- 我们展示前端生态系统中最好的公共项目，供开发者学习。如果你想省略你的项目，请添加
<meta name="robots" content="noindex">标签到 Storybook 的<head>中。这可以确保搜索引擎无法找到你的 Storybook。
如果你的项目意外出现在这里，我们很乐意将其删除。在我们的Discord #showcase 或电子邮件 [email protected]. - 有行为准则吗？
- 为了营造一个开放和欢迎的环境，我们作为贡献者和维护者承诺，使参与我们的项目和社区成为每个人都能享受的无骚扰体验，无论他们的年龄、体型、残疾、种族、性别认同和表达、经验水平、国籍、个人外表、种族、宗教或性取向。 继续阅读我们的贡献者协议。
特别感谢
组件百科全书是用 Hygraph构建的，他们慷慨地为项目提供 CMS。