個人
barua-ui — 個人コンポーネントライブラリ
React + TypeScript でゼロから作る個人コンポーネントライブラリ。Storybook でドキュメント化し、Chromatic でビジュアルテスト。デザインシステムの設計を試す場です。
TypeScriptReactStorybookDesign SystemChromatic
Overview
barua-ui is a personal React + TypeScript component library I build and maintain for myself — a place to explore design-system patterns end to end, from API design and theming to accessible, composable primitives.
Why I built it
I wanted a sandbox of my own (separate from any work codebase) to go deep on the questions a good component library has to answer:
- Component API design — props that make correct usage the easy path
- Theming — design tokens and a clean light/dark story
- Accessibility — keyboard interaction and ARIA baked into the primitives
- Composition — small pieces that combine predictably
Stack
React · TypeScript · Storybook for component documentation and development in isolation · Chromatic for visual regression testing and a published, browsable component explorer. Built from scratch rather than wrapping an existing UI kit, so every styling and accessibility decision is mine to make.