beUI Pro for mobile is live

Explore
beUI Pro

Usage & context

2 variants

AI spend against a budget, split by model with a limit you can move, and a context window grid that drains as it compacts.

Usage Budget

Block

AI spend against a budget: a total that rolls in, a bar split by model, daily bars you scrub and a limit stepper that turns the status amber or red.

Adds its 7 files, 15 shared beUI Native files and the theme tokens under components/beui-pro, keeping their folders so relative imports resolve.

$ bunx --bun shadcn add @beui-pro/native-usage-budget

Context Usage

Block

An agent's context window as a grid that fills by category, a legend that lights each one and Compact, which drains the freed cells.

Adds its 5 files, 18 shared beUI Native files and the theme tokens under components/beui-pro, keeping their folders so relative imports resolve.

$ bunx --bun shadcn add @beui-pro/native-context-usage

Libraries

Install with Expo so versions match your SDK, then import components/beui-pro/beui/styles/theme.css after Tailwind and Uniwind in your global CSS. Tested on Expo SDK 58. New app? Follow the setup guide.

npx expo install react-native-gesture-handler react-native-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcss

Source is included with Mobile and Web + Mobile licenses.

Get Mobile