v1.0.0 — live on npm

The React Native UI kit
with a brain.

Universal React Native CLI + Expo component library with a deterministic Layout Intelligence Layer. ~60 accessible components for the New Architecture — Fabric, JSI, Reanimated v4, Unistyles v3, FlashList v2.

pnpm add @mindees/ui @mindees/tokens @mindees/icons

Built right

Engineered, not assembled.

MindeesUI was designed from the brief up: every component is type-safe, composable, and measured against a per-component bundle budget enforced in CI.

Layout Intelligence Layer

Smart composition, not AI magic. Stacks auto-space by child type; primitives compose deterministically via Slot/asChild.

Design tokens, separately

Colour, typography, spacing, radii, shadows, motion, breakpoints, z-index, density. Usable on its own as @mindees/tokens.

New Architecture only

Fabric, JSI, TurboModules, Bridgeless. Reanimated v4 worklets, FlashList v2, Unistyles v3 (Nitro).

Universal

React Native CLI + Expo SDK 55 & 56 on iOS, Android, React Native Web. One API, three platforms.

Accessible

WCAG-conscious defaults, high-contrast tokens, a11y helpers (useFormFieldA11y, useAnnouncer, useUniqueId).

Strictly typed

TypeScript strict, no `any` in public API. CI gates on type / lint / format / test / build / bundle-budget.

Composable

Stacks that space themselves.

The Layout Intelligence Layer reads child types — a Heading next to a Label gets tight spacing; an Input next to a Button gets loose. No more manually tuning every margin.

Read the architecture →
LoginScreen.tsx
import { VStack, Heading, Input, Button } from '@mindees/ui';

export function LoginScreen() {
  return (
    <VStack padding="lg">
      <Heading>Welcome back</Heading>
      <Input label="Email" type="email" />
      <Input label="Password" type="password" />
      <Button>Sign in</Button>
    </VStack>
  );
}

Packages

Pick what you need.

Three packages, MIT-licensed, published to npm. Use them together or independently — tokens and icons work without the full UI kit.