beUI Pro für Mobile ist live

Ansehen
beUI Pro

Settings

5 Varianten

Settings pages, an appearance picker, notification controls and a careful account deletion.

Settings Screen

Screen

Grouped rows with switches and values, and a search that filters as you type.

Fügt seine 9 Dateien, 13 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-settings-screen

Settings List

Screen

A light settings page with plain outline-icon rows, sections and a quiet footer.

Fügt seine 6 Dateien, 3 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-settings-list

Appearance Picker

Screen

A live preview that crossfades as you pick a theme, accent and app icon.

Fügt seine 7 Dateien, 6 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-appearance-picker

Notification Preferences

Screen

A live stack of sample notifications that follows your choices, with quiet hours.

Fügt seine 8 Dateien, 14 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-notification-preferences

Delete Account

Screen

A short list of what goes, a red delete button and a calm goodbye.

Fügt seine 4 Dateien, 19 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-delete-account

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-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcss

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

Mobile holen