OSS探訪

Storybook — UI componentをisolated環境で開発・文書化・テストするworkshop

発掘スコア 335.7OSS健全度 100
スコアの見方

発掘スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした独自指標(上限なし)。成長モメンタムは観測期間内の同スコアの差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
91,049
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/12

概要

Storybookは、UI componentとpageをapplication本体から切り離して構築するfrontend workshopです。componentの状態をstoryとして並べ、開発、documentation、testing、team内の確認に使えます。

公式資料に基づく紹介・実機未検証 · 内容確認日:

componentの状態を独立して再現し、共有可能なUI catalogにする

React、Angular、Vue、Web Components、Svelteなどのrendererを選び、componentやpageをisolated環境で表示します。addonでdocumentation、testing、interactionなどを拡張でき、Component Encyclopediaやbrowser上のexample作成環境への導線も用意されています。

出典:[1]

design systemとUI実装の状態・仕様を共通の場で確認したい場合

componentごとの見た目、状態、操作例をfrontend開発者、designer、testerの間で共有し、application全体を起動せず反復したいチームに向きます。既存framework用packageとaddon ecosystemを利用できます。

出典:[1]

stableとnext、renderer、addonの互換性をそろえる

このリポジトリのdefault branchはnextで、READMEはstable向けmainとnext向け文書を分けています。導入時は対象frameworkのrenderer、Storybook本体、builder、addonの対応versionを確認し、production採用ではstable側を基準にしてください。mobile向け拡張は別projectを含みます。

出典:[1]

参考にした公式資料

  1. [1]Storybook README (next)(2026-09-13)
編集部からの補足

企業終了を越えてorganization改称で検索資産を保ち、対応frameworkとAI向け文書を広げ続ける例として選びました。

成長の推移

直近30日

91,049 Stars

推移データを蓄積中です。

Built with

  • TypeScript
  • React
  • Vue
  • JavaScript

カテゴリとタグ

GitHub Topics

  • storybook
  • styleguide
  • testing
  • components
  • webpack
  • ui
  • react
  • vue
  • react-native
  • design-systems
  • javascript
  • angular
GitHubのデータGitHubの詳細データを見る
Stars
91,049
Forks
10,445
Watchers
961
Open Issues
1,582
Contributors
370
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/12
情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。