⚛️
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
  • Direct Integration
  • Cosmos Wallet Adapter
  1. for dapps: Connect to Leap

Introduction

PreviousIntroductionNextOptimizing Wallet Connectivity for Cosmos Dapps

Last updated 1 year ago

This documentation is intended to help you integrate Leap into your Cosmos Dapps, covering both desktop and mobile use cases. We offer a range of options to provide flexibility in connecting different devices and wallets with your Dapp.

There are three primary platforms where users may access your Dapp. Alongside each platform, we've listed the Leap product(s) that can be used to connect:

  • Desktop browser : Leap browser extension or mobile app

  • Native phone browser : Leap mobile app

  • Leap's in-app browser : Leap mobile app

You can refer to our guide on optimizing the wallet connect experience for each platform .

There are two main ways to go about integrating Leap:

Direct Integration

The most direct way to interact with Leap is via the provider that Leap injects into your web application. This provider is globally available at window.leap and its methods will always use the most up-to-date functionality. Depending on your context, you can refer to the following guides -

  1. If your Dapp has an existing Keplr integration that you're trying to add Leap to, refer to .

  2. If you're adding connect wallet capability to your Dapp for the first time -

    1. If the Cosmos chain you're building on is natively supported by Leap, refer to .

    2. If the Cosmos chain you're building on is not natively supported by Leap, you can still use Leap through the Suggest Chain approach. More details

If you're building a Secret Network dapp, there are some additional steps that are listed .

Cosmos Wallet Adapter

Another quick and easy way to integrate Leap is using that support multiple Cosmos wallets.

We hope this information helps you integrate Leap into your Cosmos Dapp. If you have any questions or need further assistance, please don't hesitate to reach out to us at .

here
this guide
this guide
here
here
third-party wallet adapters
support@leapwallet.io