Skip to main content

Introduction

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

Installation

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 'https://unpkg.com/@walletconnect/modal'
</script>

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.