AboutExperienceProjectsWritingBlogContact
Back to projects
Personal

barua-ui — Personal Component Library

A from-scratch React + TypeScript component library — documented in Storybook and visually tested with Chromatic. My playground for design-system patterns, theming, and accessible primitives.

TypeScriptReactStorybookDesign SystemChromatic
Code Storybook

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.