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

Paywalls

3 Varianten

Plan pickers that sell the upgrade: a foil membership card, a dark stage lit from its edges, and a free trial laid out as a timeline.

Paywall Screen

Screen

A foil membership card that tilts in your hand, with plan tiles and a crowned character.

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

Aurora Paywall

Screen

A dark stage lit from its edges, with an annual switch and a price that counts.

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

Trial Screen

Screen

A free trial as a timeline that fills in, with real dates and a reminder switch.

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