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

Messaging

3 Varianten

An inbox with swipe actions, a chat thread with reactions, and a comments sheet with nested replies.

Inbox Screen

Screen

An inbox where mail swipes to read, pin, archive or delete, pinned mail moves up and Undo puts it back.

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

Chat Thread

Screen

A conversation with reactions that spring up, swipe to reply, and replies that type in.

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

Comments Sheet

Block

A bottom sheet of comments with replies that unfold one by one, hearts that pop and new comments that slide in with a glow.

Fügt seine 9 Dateien, 7 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 @gorhom/bottom-sheet 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