Stareezy UI
A fully typed, object-based design token system and cross-platform component library for React Native and web. Authored custom Babel and Vite compiler extensions to extract tokens at build-time into atomic CSS variables, delivering flat O(1) runtime evaluation metrics.

Overview
A fully typed cross-platform design token component library for React Native and Web environments. Developed as the design system powering all Stareezy products.
Problem
Maintaining consistent design across React Native and web requires duplicating styles and tokens, leading to drift and inconsistency across platforms.
Solution
Built a zero-dependency token package consumed by both platforms, with an O(1) style registry and a build-time compiler for atomic CSS extraction.
Architecture
Monorepo with pnpm workspaces: tokens → core/stylesheet → runtime → compiler → components. Each package is built with tsup and published independently.
Results
O(1) runtime style evaluation via flat atomic CSS registry
Single token source of truth across React Native and web
Custom Babel and Vite compiler extensions for build-time extraction
70+ cross-platform components shipped


