UiReact
Themeable, accessible React UI library with token-based design system, dark/light mode, Framer Motion animations, and CLI scaffolding. 30+ packages in a Turborepo monorepo.
Why Build a Component Library?
After years of rebuilding the same components across projects, I wanted a personal toolkit that embodied my opinions about DX, theming, and accessibility. UiReact is that toolkit — designed for how I actually build.
Architecture
30+ independently versioned packages in a Turborepo monorepo. Token-based theming with CSS custom properties, schema-driven forms (EzForms), Framer Motion animations, and CLI scaffolding for Next.js and Remix.
Iterations
The library has gone through multiple major iterations — from styled-components to CSS-in-JS to SCSS modules. Each migration taught me what really matters in a design system: consistency, composability, and developer ergonomics.
Open Source Impact
Maintaining an open-source project is a masterclass in API design. Every decision gets scrutinized by real users. It's taught me to write better documentation, think about breaking changes, and design APIs that are intuitive from day one.