Skip to main content
Featured

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.

Stareezy UI

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

Live Demo

https://ui.stareezy.tech

Try it live

Run the app directly in your browser