Connect UI components for React Native

Joaquim Verges

We just released prebuilt UI components to make it simple to connect users to your react native applications.

0:00
/1:41

The components come it 2 flavors: ConnectButton and ConnectEmbed

ConnectButton

All in one component that handles wallet connection and connected state.

<ConnectButton client={client} />;
  • Sign in button that opens a modal for connection
  • Connected wallet button that opens managing the user's wallets
  • Supports ENS name and avatar resolution
  • Support displaying balance on any chain and any currency
  • UI to view all assets with configurable currencies
  • UI to send any currency to another wallet
  • UI to receive funds
  • Can create wallets for your users based on social / email / phone login
  • Can connect to 300+ external mobile wallets
  • First party support for ERC4337 smart accounts
  • Themable and customizable

Check the Documentation for all configuration options.

ConnectEmbed

Connection component only, embeddable into any screen.

<ConnectEmbed client={client} />;
  • Great for building custom login screens
  • Can create wallets for your users based on social / email / phone login
  • Can connect to 300+ external mobile wallets
  • First party support for ERC4337 smart accounts
  • Themable and customizable

Check the Documentation for all configuration options.

As always you can also build your own connection flow using the useConnect hook for full control over your UI.

You can try this out in our expo-starter repository on Github.

Happy building! 🛠️