我们整理了世界上的 UI 组件,以便您可以发现真正有效的技术。


为什么要有 UI 开发者案例展示?
比以往任何时候都有更多的人在构建组件驱动的 UI。但是每个人的情况都不同,他们的建议也各不相同。很难弄清楚哪些开发技术有效,哪些是炒作。领先的工程团队是如何真正交付 UI 的?
我们的社区在网络上搜寻最佳的 UI 组件、库和设计系统。我们将它们集中在此处。这有助于您在构建自己的项目时参考最佳实践。
如何添加您的项目
将您的项目添加到 Chromatic
组件百科全书索引了在 Chromatic 上发布的 Storybook(它是免费的)。Chromatic 是 Storybook 维护者创建的一项服务,用于将 Storybook 发布到共享工作区,并为您的团队生成可搜索的索引。
了解 Chromatic项目维护者的益处
启发其他开发者
对您的工作感到自豪?向我们的 UI 工程社区展示它,以帮助他们解决问题并找到灵感。
UI 测试和审查
通过添加您的项目,免费访问 UI 测试和审查。它由 Storybook 背后的团队 Chromatic 为您带来。
版本控制和历史记录
回溯时间以查看项目的演变。比较分支和提交之间的更改。
可搜索的组件库
为您的 UI 组件生成可搜索的库。这有助于其他人发现和重用您的工作。
徽章和分析
每个组件和项目都经过 UI 质量分析,以生成可共享的 README 徽章。
始终保持最新
您的项目会定期被抓取,以为您提供准确、更新的健康指标。
FAQ 和故障排除
- 我的项目需要多长时间才能在此处显示?
- 项目最多可能需要 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。