@mnui

Installation

Set up @mnui in an Expo app.

@mnui is distributed as a shadcn-compatible registry. The mnui-cli wraps the shadcn CLI and writes the Expo/Uniwind setup shadcn can't.

1. Initialize

Sets up components.json, the tsconfig @/ paths, metro withUniwindConfig, and the global.css import, then adds the base theme (@mnui/mnui-base).

npx mnui-cli init

2. Add components

A thin passthrough to shadcn add @mnui/<name>.

npx mnui-cli add button badge pill-tabs

3. Reanimated

react-native-worklets/plugin is active via babel-preset-expo. Uniwind itself needs no babel plugin.

4. Fonts

If you use <Text>, load the GeistMono font families named by the --font-* tokens.

5. Third-party components

Wrap third-party components (e.g. SafeAreaView) with withUniwind() so their className is theme-reactive.

On this page