概要

企業や組織が公開しているStorybookを集めてみました。

UIライブラリなどの参考にできたらと思います。

組織名	URL
GitLab	https://gitlab-org.gitlab.io/gitlab-ui
Microsoft	https://dev-int.teams.microsoft.com/storybook/main/index.html
Audi	https://react.ui.audi/
Codecademy	https://gamut.codecademy.com/
Twilio	https://main--5e53448165911c0022e68c74.chromatic.com/
AirBnb	https://react-dates.github.io/react-dates/
Microsoft Fluent	https://fluent-components.azurewebsites.net/
Microsoft VSCode	https://microsoft.github.io/vscode-webview-ui-toolkit/
WordPress	https://wordpress.github.io/gutenberg/
GitHub	https://main--61a90feace7802003a4d9c45.chromatic.com/
Salesforce	http://design-system-react-components.herokuapp.com/
Adobe	https://opensource.adobe.com/spectrum-web-components/storybook
SmartHR	https://smarthr-ui.netlify.app/

自分が知っているものを中心に集めたので抜けているものもあるかもしれません）

もし追加したいものがあったら@suuuexまでメンションください。

ホスティング

Storybookのメンテナーによって開発されているchromaticというホスティングサービスがある。

ホスティングだけでなく、CI/CDに組み込んでテストにも利用できる模様。後日利用してみたい。

Automatically review, test, and document Storybook

UI developers are responsible for component development, test, review, and documentation. This is often done manually. Chromatic automates these jobs and integrates them into your existing Git and CI tooling. That means you avoid tedious manual work while also saving time.

www.chromatic.com

Automatically review, test, and document Storybook

企業が公開しているStorybook集めてみた

概要

ホスティング

Automatically review, test, and document Storybook