Client SDKs Overview

Build user-facing apps with Crossmint’s React, React Native, and headless SDKs

Crossmint provides client-side SDKs for building user-facing applications with embedded wallets, authentication, checkout, and verifiable credentials.

Available SDKs

React UI SDK

Complete React SDK with pre-built UI components for web applications

React Native UI SDK

Mobile-first SDK for iOS and Android apps with Expo support

Auth SDK

Headless authentication SDK for custom implementations

Verifiable Credentials

SDK for issuing, presenting, and verifying credentials on-chain

Quick Start

React

npm install @crossmint/client-sdk-react-ui

import { CrossmintProvider } from '@crossmint/client-sdk-react-ui';

export default function App() {
  return (
    <CrossmintProvider apiKey="YOUR_API_KEY">
      {/* Your app */}
    </CrossmintProvider>
  );
}

React Native

npm install @crossmint/client-sdk-react-native-ui

import { CrossmintProvider } from '@crossmint/client-sdk-react-native-ui';

export default function App() {
  return (
    <CrossmintProvider apiKey="YOUR_API_KEY">
      {/* Your app */}
    </CrossmintProvider>
  );
}

Headless Auth

npm install @crossmint/client-sdk-auth

import { createCrossmint, CrossmintAuth } from '@crossmint/client-sdk-auth';

const crossmint = createCrossmint({ apiKey: 'YOUR_API_KEY' });
const auth = CrossmintAuth.from(crossmint);

Core Features

Authentication

Multiple authentication methods including email, OAuth providers (Google, Twitter, Farcaster), and Web3 wallets.

import { useCrossmintAuth } from '@crossmint/client-sdk-react-ui';

function LoginButton() {
  const { login, status } = useCrossmintAuth();
  
  return (
    <button onClick={() => login()}>Sign In</button>
  );
}

Embedded Wallets

Self-custodial wallets for EVM, Solana, and Stellar chains with built-in transaction signing.

import { useWallet } from '@crossmint/client-sdk-react-ui';

function WalletInfo() {
  const { wallet } = useWallet();
  
  return <div>Address: {wallet?.address}</div>;
}

Checkout Components

Pre-built checkout UI for accepting payments and minting NFTs.

import { CrossmintEmbeddedCheckout } from '@crossmint/client-sdk-react-ui';

<CrossmintEmbeddedCheckout
  lineItems={{ collectionLocator: 'collection-id' }}
  payment={{ crypto: { enabled: true } }}
/>

Verifiable Credentials

Fetch, decrypt, and verify on-chain credentials.

import { getCredentialNfts, verifyCredential } from '@crossmint/client-sdk-verifiable-credentials';

const credentials = await getCredentialNfts('polygon', walletAddress);
const isValid = await verifyCredential(credential);

SDK Comparison

Feature	React UI	React Native UI	Auth SDK
Pre-built UI	✅	✅	❌
Headless API	✅	✅	✅
Platform	Web	iOS/Android	Universal
Auth Methods	All	All	All
Wallet Support	Full	Full	N/A
Checkout	Full	Full	N/A

Next Steps

React UI SDK

Learn about React components and hooks

Authentication Guide

Implement custom auth flows

API Reference

Explore the complete API

Examples

View example applications