v0.0.1 — Now in Beta

Design tokens,
fully typed.

A cross-platform design token system and component library for React Native and web. 17 beautiful components, 300+ typed tokens, Inter + Plus Jakarta Sans typography — all tree-shakeable.

Get Started →◉ Token Explorer
import { colors, spacing, radius } from '@stareezy-ui/tokens'
import { Box, Text, Button } from '@stareezy-ui/components'

function Card() {
  return (
    <Box
      bg={colors.celurenBlue[500]}
      p={spacing[4]}
      rounded={radius.md}
    >
      <Text
        type="M-heading-bold"
        color={colors.neutral[10].value}
        text="Hello, Stareezy UI"
      />
      <Button variant="primary" text="Get Started" />
    </Box>
  )
}

Why Stareezy UI?

Typed Tokens
Every color, spacing, and radius value is a typed Token<T> object with full autocomplete.
O(1) Runtime
Style registry built once at init. resolve(token) is a single Map.get() — zero parsing.
Build Compiler
Babel/Vite plugin extracts token props at build time, emitting atomic CSS classes.
Theme System
Light/dark themes via CSS variables. Switch themes with zero JS re-renders.
Cross-Platform
Same token API on web and React Native. One source of truth for all platforms.
Tree-Shakeable
Import only colors without pulling in spacing or typography. Zero dead code.

Explore the docs

Installation
Get up and running in minutes
Usage Guide
Learn the token API
Theming
Light, dark, and custom themes
Component API
17 beautiful cross-platform components
Token Explorer
Browse 300+ design tokens visually