\n\nCosmos Kit is a universal wallet adapter for developers to build apps that quickly and easily interact with Cosmos blockchains and wallets.\n\n> **⚠️ UPGRADE to 3.0**\n> \n> **Cosmos Kit 3.0 and Create Cosmos App 2.0 is here!**\n> \n> Please use [**interchain-kit**](https://github.com/hyperweb-io/interchain-kit), the official successor with improved tooling, broader compatibility, and full Interchain ecosystem support.\n> You can also see [**create-interchain-app**](https://github.com/hyperweb-io/create-interchain-app) our official starter kit that supports Interchain Kit.\n\n`@cosmos-kit/leap-capsule-social-login` is the social login integration for CosmosKit using `@leapwallet/cosmos-social-login-capsule-provider`\n\n> You need install [@leapwallet/cosmos-social-login-capsule-provider-ui](https://www.npmjs.com/package/@leapwallet/cosmos-social-login-capsule-provider-ui) package for UI.\n\n> This plugin uses [Capsule](https://usecapsule.com/) for MPC based key management. In order to make this work, you'll need an API key which you can request [here](https://usecapsule.com/api) \n\n> Once you have an API Key, include it in `CAPSULE_API_KEY`. `CAPSULE_ENV` will be `BETA` for Development and Testing, and `PROD` for Production. Once you are ready to release to Production, ping the Capsule team to get a separate API Key for Production.\n\n## NextJS\n\nFor nextjs we recommend to load the module dynamic or async as it is not yet supporting SSR.\n\n> When you build it, please include environment variables `NEXT_PUBLIC_CAPSULE_API_KEY` and `NEXT_PUBLIC_CAPSULE_ENV` as mentioned above. For further reference on Capsule, please reference the [Capsule Developer Documentation](https://docs.usecapsule.com/)\n\n### In next.config.js\n\ntranspilePackages: [\"@cosmos-kit/leap-social-login\", \"@leapwallet/capsule-web-sdk-lite\", \"@leapwallet/cosmos-social-login-capsule-provider\"],\n\n### For example\n\n```jsx\n\nfunction MyApp({ Component, pageProps }: AppProps) {\n const defaultWallets: MainWalletBase[] = [...keplrWallets, ...leapWallets];\n const [wallets, setWallets] = useState(defaultWallets)\n const [loadingWallets, setLoadingWallet] = useState(false);\n \n useEffect(() => {\n setLoadingWallet(true)\n import(\"@cosmos-kit/leap-capsule-social-login\").then(\n (CapsuleModule) => {\n return CapsuleModule.wallets;\n },\n ).then((leapSocialLogin) => {\n setWallets([...keplrWallets, ...leapWallets, ...leapSocialLogin])\n setLoadingWallet(false);\n })\n }, [])\n\n\n if (loadingWallets) {\n return <>Loading...\n }\n\n\n return (\n \n \n \n \n \n \n );\n}\n\nexport default MyApp;\n\n\nconst LeapSocialLogin = dynamic(\n () =>\n import(\"@leapwallet/cosmos-social-login-capsule-provider-ui\").then(\n (m) => m.CustomCapsuleModalView,\n ),\n { ssr: false },\n);\n\nexport function CustomCapsuleModalViewX() {\n const [showCapsuleModal, setShowCapsuleModal] = useState(false);\n\n useEffect(() => {\n window.openCapsuleModal = () => {\n setShowCapsuleModal(true);\n }\n }, [])\n\n return (\n <>\n {\n window.successFromCapsuleModal();\n }}\n onLoginFailure={\n () => {\n window.failureFromCapsuleModal();\n }\n }\n />\n \n );\n}\n```\n\n## Interchain JavaScript Stack \n\nA unified toolkit for building applications and smart contracts in the Interchain ecosystem ⚛️\n\n| Category | Tools | Description |\n|----------------------|------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------|\n| **Chain Information** | [**Chain Registry**](https://github.com/hyperweb-io/chain-registry), [**Utils**](https://www.npmjs.com/package/@chain-registry/utils), [**Client**](https://www.npmjs.com/package/@chain-registry/client) | Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application. |\n| **Wallet Connectors**| [**Interchain Kit**](https://github.com/hyperweb-io/interchain-kit)beta, [**Cosmos Kit**](https://github.com/hyperweb-io/cosmos-kit) | Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface. |\n| **Signing Clients** | [**InterchainJS**](https://github.com/hyperweb-io/interchainjs)beta, [**CosmJS**](https://github.com/cosmos/cosmjs) | A single, universal signing interface for any network |\n| **SDK Clients** | [**Telescope**](https://github.com/hyperweb-io/telescope) | Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules. |\n| **Starter Kits** | [**Create Interchain App**](https://github.com/hyperweb-io/create-interchain-app)beta, [**Create Cosmos App**](https://github.com/hyperweb-io/create-cosmos-app) | Set up a modern Interchain app by running one command. |\n| **UI Kits** | [**Interchain UI**](https://github.com/hyperweb-io/interchain-ui) | The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit. |\n| **Testing Frameworks** | [**Starship**](https://github.com/hyperweb-io/starship) | Unified Testing and Development for the Interchain. |\n| **TypeScript Smart Contracts** | [**Create Hyperweb App**](https://github.com/hyperweb-io/create-hyperweb-app) | Build and deploy full-stack blockchain applications with TypeScript |\n| **CosmWasm Contracts** | [**CosmWasm TS Codegen**](https://github.com/CosmWasm/ts-codegen) | Convert your CosmWasm smart contracts into dev-friendly TypeScript classes. |\n\n## Credits\n\n🛠 Built by the [Constructive](https://constructive.io) team — makers of [Hyperweb](https://hyperweb.io)\n## Disclaimer\n\nAS DESCRIBED IN THE LICENSES, THE SOFTWARE IS PROVIDED “AS IS”, AT YOUR OWN RISK, AND WITHOUT WARRANTIES OF ANY KIND.\n\nNo developer or entity involved in creating this software will be liable for any claims or damages whatsoever associated with your use, inability to use, or your interaction with other users of the code, including any direct, indirect, incidental, special, exemplary, punitive or consequential damages, or loss of profits, cryptocurrencies, tokens, or anything else of value.\n","readmeFilename":"README.md"}
![](\"https://user-images.githubusercontent.com/545047/190171432-5526db8f-9952-45ce-a745-bea4302f912b.svg\")
\n![](\"https://github.com/hyperweb-io/cosmos-kit/actions/workflows/run-tests.yml/badge.svg\"){kind=icon}
\n \n ![](\"https://img.shields.io/badge/license-BSD%203--Clause%20Clear-blue.svg\"){kind=spacer}
\n ![](\"https://img.shields.io/github/package-json/v/hyperweb-io/cosmos-kit?filename=wallets%2Fleap-extension%2Fpackage.json\")