Cosmos Kit

Cosmos Kit is a UI library that simplifies the process of connecting your dApp to any Cosmos-related wallet. To begin integrating with Cosmos Kit, consult the documentation here.

How to Add Leap Cosmos Snap to Cosmos Kit

First, import the wallets from the package @cosmos-kit/leap-metamask-cosmos-snap:

import { wallets as leap-cosmos-snap } from "@cosmos-kit/leap-metamask-cosmos-snap";

Next, add it to your provider:

function MyCosmosApp({ Component, pageProps }: AppProps) {
  return (
      <ChainProvider
        chains={chains}
        assetLists={assets}
        wallets={[...leap-cosmos-snap]}
        walletConnectOptions={...} // required if `wallets` contains mobile wallets
      >
        <Component {...pageProps} />
      </ChainProvider>
  );
}
 
export default MyCosmosApp;