storybookjs/storybook

UI 컴포넌트를 고립된 환경에서 만들고 테스트하는 프론트엔드 워크숍

설치형 도구맘대로 써도 됨 · MIT디자인·UI 컴포넌트난이도
90,356+1,060이번 주10,1301,668TypeScript
데모·홈페이지 열기storybook.js.org
중간맛 분석

TypeScript 기반 모놀리식 저장소로, React/Vue3/Angular/Svelte/Web Components 등을 지원합니다. Webpack/Vite 통합이 가능하고, a11y·docs·jest 등 20개 이상의 애드온으로 확장할 수 있어요. 문서 사이트(storybook.js.org)와 Chromatic 클라우드 데모로 즉시 체험 가능하며, npm/yarn으로 새 프로젝트에 쉽게 설치할 수 있습니다. 테스트 러너·CLI·Design System 구축을 위한 도구들이 통합되어 있어 바로 제품에 활용할 수 있어요.

이런 레포예요

이럴 때 쓰면 좋아요

  • 디자인 시스템 구축 및 운영 시 컴포넌트 카탈로그 생성
  • UI 컴포넌트 단위 테스트와 시각 회귀 테스트 자동화
  • 팀 간 컴포넌트 재사용성 높이고 문서화 중앙화

핵심 기능

10개 이상 프레임워크 지원(React·Vue·Angular·Svelte·Web Components 등)20개 이상의 애드온으로 문서화·테스트·a11y 확장Chromatic 클라우드 CI/CD 통합과 협업 기능

대안 대비 차별점

가장 오래되고 광범위하게 지원되는 프레임워크 에코시스템(React·Vue·Angular 등)과 모바일(React Native·iOS·Android·Flutter)까지 아우르는 통합 개발 환경입니다.

준비물
  • Node.js
  • npm 또는 yarn
별 추이 · 7일
90,356+1,060 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 46/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2016년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기