# storybookjs/design-system

🗃 Storybook Design System

Repository: https://github.com/storybookjs/design-system
Canonical: https://ross.abutalabs.com/products/storybookjs-design-system
Homepage: https://master--5ccbc373887ca40020446347.chromatic.com/
Language: TypeScript
License Family: other
Last push: 2025-05-30T11:33:17+00:00

## Health v2 (maintenance only)
Score: 45/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 24, release rhythm 40, longevity 100
- inputs: {"age_days": 2679, "days_push": 460, "days_rel": 460, "gap_med": 1, "n_releases_24m": 2}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2008, forks 602 (observed 2026-08-28T04:06:04.845112+00:00)

## What it is
The Storybook Design System is a React component library that codifies Storybook's UI components into a reusable npm package (@storybook/design-system). It uses Storybook for component development and docs, and Emotion for component-scoped styling and theming.

## Use cases
- reuse storybook's ui components in my react app
- build a design system with storybook and emotion
- share ui components between multiple projects
- install storybook design system npm package
- styled react components matching storybook's visual design
- learn how to build a design system in the open

## When to choose
- you want Storybook-branded UI components in a React app
- you're building a design system and want a reference implementation
- you maintain Storybook-ecosystem sites like LearnStorybook.com

## When to avoid
- you need a general-purpose design system like Material UI or Ant Design
- you need TypeScript-first components
- you need the components used inside Storybook's own UI, which uses a different stack

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, frontend-framework, templating
- domain: web-development, frontend, web-design, developer-tools
- platform: cross-platform
- tags: design-system, react, storybook, emotion, component-library, npm-package, web-server, nodejs

## Member repositories
- storybookjs/design-system (main) score 45

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:04.845112+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:01:19.516966+00:00, confidence not recorded.
  - readme: https://github.com/storybookjs/design-system (fetched 2026-08-28T04:06:04.845112+00:00, sha 7df41accf3c9)
  - homepage: https://master--5ccbc373887ca40020446347.chromatic.com/ (fetched 2026-08-29T10:41:33.005297+00:00, sha aa9eabe6efd0)
- Data as of 2026-08-30T08:39:29.467469+00:00.