MindeesUI is a New Architecture-first UI library for Expo and React Native that reads your component structure and applies smart, predictable layout defaults. Override anything. Ship faster.
pnpm add @mindees/ui @mindees/tokens @mindees/iconsThe idea
Stop hand-tuning padding, alignment, and spacing on every screen. MindeesUI components derive those decisions from your JSX — deterministically, and always overridable.
<View style={{ padding: 16, gap: 12, alignItems: "center" }}>
<Text style={{ fontSize: 24, fontWeight: "700" }}>
Upgrade Pro
</Text>
<Text style={{ textAlign: "center", color: "#666" }}>
Unlock premium analytics and faster exports.
</Text>
<Pressable style={{ padding: 14, borderRadius: 12 }}>
<Text>Continue</Text>
</Pressable>
</View><Card>
<Stack center>
<Title>Upgrade Pro</Title>
<Text muted>
Unlock premium analytics and faster exports.
</Text>
<Button>Continue</Button>
</Stack>
</Card>Built right
Every component is type-safe, composable, accessible, and measured against a per-component bundle budget enforced in CI.
Components read their children and apply deterministic spacing, sizing, and alignment. A Heading above a Label gets tight spacing; an Input above a Button gets loose. Not AI — documented, overridable rules.
Inputs, selects, sliders, date/time/file pickers, tables, calendars, carousels, command palette, overlays, charts of state, media, navigation, and mobile gestures. All typed, all accessible.
@mindees/blocks ships login & checkout forms, dashboards, product cards, chat, settings, and full screens — composed from the primitives, restyle with tokens.
createThemes({ light: { brand }, dark: { brand } }) recolors your whole app from a single brand color. Hover/active shades and readable on-accent text are derived for you.
React Native CLI + Expo SDK 55 & 56 on all three platforms. New Architecture only — Fabric, JSI, Reanimated v4, Unistyles v3 (Nitro), FlashList v2. Tuned for low-end Android.
WCAG-conscious defaults, high-contrast tokens, a11y helpers. TypeScript strict, no `any` in the public API, CI-gated on type / lint / test / build / bundle budget.
Composable
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 →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
Four packages, MIT-licensed, published to npm. Use them together or independently — tokens and icons work without the full UI kit, and blocks build on top.