Build Cardano dApps with pre-built React components and hooks for wallet connections, transactions, and blockchain interactions.

Overview

Mesh React provides a complete toolkit for building Cardano decentralized applications with React. You get pre-built UI components for wallet connections, React hooks for accessing wallet state, and utilities for blockchain interactions.

Use Mesh React when you need to:

Connect users to their Cardano wallets (Nami, Eternl, Flint, etc.)
Display wallet balances and assets
Build transaction signing flows
Create multi-wallet support in your dApp

Quick Start

Install the package and wrap your app with the provider:

import "@meshsdk/react/styles.css";
import { MeshProvider, CardanoWallet } from "@meshsdk/react";

function App() {
  return (
    <MeshProvider>
      <CardanoWallet />
    </MeshProvider>
  );
}