beUI Pro für Mobile ist live: 50 React Native Blöcke und Screens

Log in

3 Varianten

Sign-in screens: an email link over a moving gradient, three clean password layouts, and a phone number with a texted code.

Login Screen

Screen

Email link and Google sign-in over a moving gradient.

Fügt seine 10 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/

Simple Login

Screen3 Stile

Three clean log-in layouts. The demo password is beui1234.

Fügt seine 7 Dateien, 16 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/

Phone Login

Screen

A country picker, a number that formats itself and a texted code. The code is 123456.

Fügt seine 5 Dateien, 23 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/

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 @shopify/react-native-skia 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