⚛️
Leap Cosmos
  • Introduction
  • for dapps: Connect to Leap
    • Introduction
    • Optimizing Wallet Connectivity for Cosmos Dapps
    • Add Leap to existing Keplr integration
    • Add Leap to a new dapp
    • Suggest chain : Add Leap to a non-native chain
    • Add Leap to a Secret dapp
    • Wallet Connect
    • Wallet Adapters
      • Cosmos Kit
      • Shuttle
    • API Reference
  • for chains: integrate into Leap
    • Introduction
  • for SEI dapps: Connect to Compass
    • Connect to Compass
  • FOR SEI EVM DAPPS: CONNECT TO COMPASS
    • Connect to Compass
    • Supported RPC methods
  • Leap Metamask Snap
    • Introduction
    • Integrating Snaps
      • Metamask Cosmos Snap
      • Cosmos Snap Provider
      • Cosmos Kit
  • Embedded Wallet SDK
    • Embedded Wallet SDK React
    • Embedded Wallet Provider
    • Migration
    • Usage without UI
  • Elements
    • Introduction
    • Get Started
    • Integrate via CDN / Script Tag
    • Integrate as an Embed
    • Components
      • Aggregated Swaps
      • IBC Only Swaps
      • Fiat On-ramp
      • IBC Transfer
      • Multi View
    • Theming
      • Using CSS Variables
      • Advanced Customisations
    • Use Elements Without the UI
    • Tab Config
    • Using Skip API Key
  • Cosmos Nodes
    • Fallback Falooda : Node Fallback System
    • (Coming Soon) Blockchain Node Setup Guide
    • (Coming Soon) Monitoring Blockchain Node Performance
  • RESOURCES
    • Leap Assets
Powered by GitBook
On this page
  • WalletConnect Modal
  • CosmosKit
  1. for dapps: Connect to Leap

Wallet Connect

WalletConnect is an open source protocol for connecting decentralised applications to mobile wallets with QR code scanning or deep linking

PreviousAdd Leap to a Secret dappNextWallet Adapters

Last updated 1 year ago

Wallet Connect can be used to connect a Cosmos wallet both on the Desktop browser and the Mobile native browser. WC have recently stopped v1 and have asked dapps to move to v2

Leap Mobile Apps have added support Wallet Connect v2 and here are the official docs for integration : There are two ways you can integrate with Wallet Connect v2 on your dapp -

WalletConnect Modal

Wallet Connect has a library called web3Modal which helps generate the QR and handle the connection. It takes care of opening the application

Cosmos specific example :

For MobileWallet Deep link Support

In the options you can provide mobileWallet as

[
  id: "leap",
  name: "Leap Wallet",
  links: {
      native: "leapcosmos"
      universal: "leapcosmos",
  },
]

CosmosKit

Cosmos Kit is an open-source library that helps to connect to any cosmos wallet easily. You can check out their docs for installation. Additionally, you can also check their docs on connecting Leap using walletConnect v2

https://docs.walletconnect.com/2.0
https://docs.walletconnect.com/2.0/web/web3modal/react/wagmi/installation
https://github.com/WalletConnect/web-examples/tree/main/dapps/react-dapp-v2-cosmos-provider
here
here