beUI Pro für Mobile ist live

Ansehen
beUI Pro

Usage & context

2 Varianten

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.

Fügt seine 7 Dateien, 15 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.

$ 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.

Fügt seine 5 Dateien, 18 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.

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

Bibliotheken

Installiere mit Expo, damit die Versionen zu deinem SDK passen, und importiere dann components/beui-pro/beui/styles/theme.css nach Tailwind und Uniwind in deinem globalen CSS. Getestet mit Expo SDK 58. Neue App? Folge der Setup-Anleitung.

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

Der Quellcode ist in den Lizenzen Mobile und Web + Mobile enthalten.

Mobile holen