Skip to main content

Connect users' wallets to your Dapp with web3-onboard

The easiest way to connect a wallet 🚀

web3-onboard-view

Web3-onboard configuration allows the detection of the Universal Profiles (UP) Extension, along with any other installed browser extensions. Developers can integrate it into their Dapp to handle the routing for the different browser extensions.

Web3-onboard is an open-source, framework-agnostic JavaScript library to onboard users to web3 apps. This package can be used to integrate LUKSO Universal Profiles Extension support into web3-onboard's "Connect Wallet" modal. With this module, the LUKSO Universal Profile Extension option will be shown even if the extension is not installed on the user's browser. If selected the user will be taken to a download screen where they can install the extension.

Installation

Developers can install web3-onboard in their Dapp using npm, from the following package. The implementation can be found in the web3-onboard-config LUKSO GitHub repo.

npm i @web3-onboard/core @lukso/web3-onboard-config @web3-onboard/injected-wallets

You can find a link to web3-onboard's official npm documentation here: @web3-onboard/core official npm documentation

Where can I test it out?

Users can experiment with LUKSO's web3-onboard implementation in a sandbox environment using up-test-dapp.lukso.tech.