chrisalexadams/web3modal

Easy Web3Modal with React

Easy Web3Modal with React 🚀

Metamask and WalletConnect baked in:

• npm i or yarn
• npm start or yarn start
• Add more Providers

Using with ethers

Ethers provider is by default. To use the connected provider, import Web3Context from the web3 directory present inside src directory.

To initialize an ethers Contract object

To connect a signer to the above Read-only contract

Or to initialize a Contract with signer

For more details, please refer ethers documentation.

Using with web3

You can wrap the provider received from Web3Context with web3js and use it as below

For more details, please refer web3js documentation

Related efforts

If you are looking for a full-suite of Ethereum dapp with Smart contracts and other features, please check out the below links:

• create-eth-app by PaulRBerg
• scaffold-eth by Austin Griffith