概要
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]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
あわせて探訪
- React250,096 Stars
宣言的なコンポーネントでWebとネイティブのUIを構築するJavaScriptライブラリ。
JavaScript - Visual Studio Code(Code - OSS)192,090 Stars
Visual Studio Codeの基盤となるMITライセンスのCode - OSSリポジトリ。
TypeScript - Flutter178,922 Stars
一つのDartコードベースからモバイル・Web・デスクトップへ展開するGoogleのクロスプラットフォームUI SDK。
Dart - Bootstrap174,772 Stars
responsive・mobile-firstなWeb UIをCSS、JavaScript、grid、utility、componentから構築するframework。
MDX - LangChain146,205 Stars
モデル・ツール・検索基盤などを共通インターフェースでつなぐ、LLMアプリとエージェント向けPythonフレームワーク。
Python
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。