
Security News
ECMAScript 2025 Finalized with Iterator Helpers, Set Methods, RegExp.escape, and More
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
@crossmint/client-sdk-react-ui
Advanced tools
## You can check the full documentation at [docs.crossmint.com](https://docs.crossmint.com/)
@crossmint/client-sdk-react-ui
If you're using React.js, or Next.js, Crossmint provides a client integration specific for you.
First, add the Crossmint Client SDK to your project with the following command:
pnpm add @crossmint/client-sdk-react-ui
Check our dedicated section for payments in the docs.
Check out our quickstart in the docs.
We provide two essential React context providers:
CrossmintProvider
- Base provider for accessing Crossmint servicesCrossmintAuthProvider
- Authentication context provider for your componentsVisit our customization guide to learn more about styling options and email templates.
Check out our quickstart in the docs.
We provide two essential React hooks for integrating Crossmint wallets into your application:
useAuth
import { useAuth } from "@crossmint/client-sdk-react-ui";
Manages authentication state and user sessions. Key features:
login()
- Initiate user authenticationlogout()
- End user sessionjwt
- Current user's JWT tokenuser
- Active user informationstatus
- Current auth state ("loading" | "authenticated" | "unauthenticated")useWallet
import { useWallet } from "@crossmint/client-sdk-react-ui";
Handles wallet creation and management. Key features:
wallet
- Access to the EVMSmartWallet instancestatus
- Wallet state ("not-loaded" | "in-progress" | "loaded" | "loading-error")getOrCreateWallet()
- Initialize or retrieve user's walletclearWallet()
- Reset wallet stateVisit our documentation for complete implementation details and advanced features.
We offer two components to help you quickly get up and running with your project using Crossmint wallets:
CrossmintNFTCollectionView
- Display a grid of NFTs.
CrossmintNFTDetail
- Display a card showing all NFT related details.
Visit our documentation for integration instructions.
.env
file in the demo app directory:cd apps/wallets/smart-wallet/next
NEXT_PUBLIC_CROSSMINT_AUTH_SMART_WALLET_API_KEY=your_api_key_here
You can obtain a staging client-side API key from the Crossmint Console. For detailed instructions on getting an API key, see our documentation.
cd apps/wallets/smart-wallet/next
pnpm i
pnpm build
pnpm start
For more information on how to run the demo application, see the Smart Wallets Demo (Next.js Starter Kit) README.
FAQs
Unknown package
The npm package @crossmint/client-sdk-react-ui receives a total of 3,678 weekly downloads. As such, @crossmint/client-sdk-react-ui popularity was classified as popular.
We found that @crossmint/client-sdk-react-ui demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.