Skip to main content



Web3Modal SDK v3 is out! Learn how to integrate it here

WalletConnectModal is a simple ui library intended for advanced use cases where users manage connections strings and associated WalletConnect API's themselves.

Don't have a project ID?

Head over to WalletConnect Cloud and create a new project now!

Get startedcloud illustration


Add packages (NPM)​

npm install @walletconnect/modal

Add packages (CDN)​

WalletConnectModal uses unpkg as its official CDN provider. Instead of using the npm package, you can simply import it from their CDN and use it in the same way.

<script type="module">
import { WalletConnectModal } from ''

Next Steps​

Now that you've installed WalletConnectModal, you're ready to start integrating it. The next section will walk you through the process of setting up your project to use the library.