beUI Pro for mobile is live — 50 React Native blocks and screens

Settings

5 variants

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.

Adds its 9 files, 13 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/

Settings List

Screen

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

Adds its 6 files, 3 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/

Appearance Picker

Screen

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

Adds its 7 files, 6 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/

Notification Preferences

Screen

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

Adds its 8 files, 14 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/

Delete Account

Screen

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

Adds its 4 files, 19 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/

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.

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

Source is included with Mobile and Web + Mobile licenses.

Get Mobile