OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Wallets

Cardano Connect With Wallet

Cardano Connect With Wallet is an open-source TypeScript library that gives Cardano dApp developers React components and framework-independent helpers for connecting wallets, signing messages and submitting transactions.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Cardano Connect With Wallet — OpenViST project profile in Wallets.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it when implementing a Cardano dApp's wallet connection layer, especially when React components or a no-React core are useful and the listed wallet or mobile connection paths fit the product.

Who it is for

  • Developers building Cardano decentralized applications
  • React teams seeking ready-made wallet connection components
  • Teams using a non-React framework that need wallet connection helpers
  • Maintainers extending the library's wallet registry

Documented uses

  • Add a wallet-connect button or wallet list to a React dApp.
  • Connect a Cardano wallet from a framework-independent application.
  • Request wallet message signatures and submit transactions.
  • Support mobile-to-desktop QR-code connection or wallet in-app-browser deep links where applicable.
  • Register an additional wallet with its display, icon and routing metadata.
Before you choose

Requirements & limits

The repository specifies an Apache-2.0 license and provides npm package installation instructions.

  • Choose the React package for its components and hook, or the separate core package for framework-independent helpers.
  • Check the documented desktop and mobile wallet lists against the wallets your users need.
  • CIP-158 mobile deep links are identified for Eternl and Vespr; other mobile wallets use the documented app-store fallback when not installed.
  • The project lists support for CIP-8, CIP-30, CIP-45, CIP-95 and CIP-158, covering different signing, connection, governance and mobile-routing needs.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Set up a React wallet-connect button

Install the React package and add the documented connection button to a React dApp.

Before you start

  • A React dApp project using JavaScript or TypeScript
  • npm

Steps

  1. Install @cardano-foundation/cardano-connect-with-wallet with npm.

  2. Import ConnectWalletButton from the package.

  3. Add the component with a supportedWallets list and an onConnect callback.

Expected outcome

The dApp has a wallet-connect button configured with the selected wallet names and a connection callback.

Guide limitations

  • The documented snippet demonstrates connection-button setup; it does not cover the rest of a dApp's transaction flow.
Documentation 1 ↗
Source-based practical guide

Add a wallet to the registry

Prepare a wallet registry entry so the library can include the wallet in its connection choices.

Before you start

  • A wallet key matching window.cardano[key]
  • A display name
  • The wallet's applicable extension or mobile-app metadata

Steps

  1. Add an entry to core/wallets.ts with the lowercase wallet key and display name.

  2. Optionally provide an icon in core/walletIcons.ts as a base64 data URI, or use the injected wallet icon fallback.

  3. Add applicable extension identifier and store URLs, and set hasCIP158Support when the app handles the specified deep links.

  4. Open a pull request.

Expected outcome

The repository has a wallet registry entry containing the metadata used for wallet display and connection routing.

Guide limitations

  • The README documents preparing and submitting the registry change, not acceptance or release.
Documentation 1 ↗
COMPARE OPTIONS

Compare options for Wallet connections

These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.

ProjectDocumented purposePlatformAccess and requirements
Cardano Connect With WalletAdd a wallet-connect button or wallet list to a React dApp.Mobile, WebThe repository specifies an Apache-2.0 license and provides npm package installation instructions.
Dioxus Wallet AdapterAdd Solana wallet connectivity to a Dioxus web application.Web
Vue CLI Plugin Web3ModalConfigure injected browser and WalletConnect provider options.Web
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
14 October 2026
Original website title
cardano-foundation/cardano-connect-with-wallet · Official homepage title · retained in its source language
How we review sourcesSuggest a correction