Skip to main content

React Native Boilerplate

The Silent Shard React Native Boilerplate is a production-quality reference app that shows you how to integrate MPC-based wallets into a mobile application. It is built with Expo and demonstrates the full user journey — from authentication and key generation to multi-chain signing, dApp connectivity, biometric backup, and recovery.

There is no full private key anywhere. The wallet works by splitting key material between the user's device and a cloud MPC node (duo-server). Every signing operation is a collaboration between these two parties.

Onboard screen
Onboarding
Sign-in screen
Sign in
Create wallet
Create wallet
Home screen
Home
Backup screen
Backup
Restore screen
Restore
Multi-chain support
Multi-chain
Send transaction
Send
Receive Screen
Receive

Features

FeatureDetails
MPC SigningNo full private key — device + cloud co-sign together
Multi-ChainEVM (via viem) + Solana (via @solana/web3.js)
WalletConnect v2Connect to dApps, approve sessions, sign transactions
Biometric LockFace ID / Fingerprint / PIN via expo-local-authentication
Biometric BackupFaceTec 3D face scan encrypts and backs up keyshares
RecoveryRestore wallet on new device using face scan + Google Drive key
AuthAuth0 email login + optional Google Sign-In

Architecture

Loading Diagram...

Key Libraries

LibraryPurpose
@silencelaboratories/silent-shard-sdkMPC key generation and signing sessions
viemEVM account creation, transaction building, and signing
@solana/web3.jsSolana transactions and address derivation
@reown/walletkitWalletConnect v2 wallet-side integration
react-native-auth0Auth0 authentication and credential management

Prerequisites

  • Node.js 20 or later
  • Yarn package manager
  • Xcode (for iOS) or Android Studio (for Android)
  • Accounts for: Auth0, Google Cloud, WalletConnect (Reown), FaceTec
  • From Silence Laboratories:
    • NPM access token (for @silencelaboratories packages)
    • Docker image access for duo-server and auth-svc
    • Cloud node URL and verifying key

New here? Follow the guide in order: Backend Setup → Third-Party Services → Setup → Code Walkthrough.