beUI Pro for mobile is live

Explore
beUI Pro

Ecommerce

4 variants

A store from product to doorstep: product detail, bag, checkout and live order tracking.

Product Detail

Screen

A store-style product page with colours that swap the photos, a size grid and a photo that arcs into the bag.

Adds its 11 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-product-detail

Bag

Screen

A shopping bag where items swipe away with Undo, a bar fills toward free delivery and the total counts to each new value.

Adds its 8 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/native-bag-screen

Checkout Sheet

Block

A bottom sheet with rolling quantities, a promo code that slides in a discount, and a check that draws on pay.

Adds its 10 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-checkout-sheet

Order Tracking

Screen

A live delivery where the route draws in, the courier moves along it and the minutes to arrival roll down.

Adds its 6 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/native-order-tracking

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 @gorhom/bottom-sheet 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