https://github.com/net2devcrypto/multichain-connect-button-reactjs-nextjs
🚀A very useful NextJS ReactJS Connect Dropdown Button that enables your Web3 front-end users to connect to many blockchains. Quick and easy to integrate. Just import and start using 😉
https://github.com/net2devcrypto/multichain-connect-button-reactjs-nextjs
blockchain connect ethereum marketplace metamask metamask-wallet nextjs nft reactjs wallet web3
Last synced: about 2 months ago
JSON representation
🚀A very useful NextJS ReactJS Connect Dropdown Button that enables your Web3 front-end users to connect to many blockchains. Quick and easy to integrate. Just import and start using 😉
- Host: GitHub
- URL: https://github.com/net2devcrypto/multichain-connect-button-reactjs-nextjs
- Owner: net2devcrypto
- Created: 2022-07-17T07:10:41.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-17T07:49:32.000Z (about 3 years ago)
- Last Synced: 2025-07-26T15:57:25.100Z (2 months ago)
- Topics: blockchain, connect, ethereum, marketplace, metamask, metamask-wallet, nextjs, nft, reactjs, wallet, web3
- Language: JavaScript
- Homepage:
- Size: 124 KB
- Stars: 7
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multichain-Connect-Button-ReactJS-NextJS
🚀A very useful NextJS ReactJS Connect Dropdown Button that enables your Web3 front-end users to connect to many blockchains. Quick and easy to integrate. Just import and start using 😉
Features:
- Prompt users to automatically switch networks in MetaMask!
- Prompt users to automatically add networks not configured in their Metamask wallet!
** THE FILES ATTACHED TO THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY **
** USE IT AT YOUR OWN RISK** **I'M NOT RESPONSIBLE FOR ANY USE, ISSUES ETC.. **
Subscribe to my Youtube for more amazing tutorials!
## How to use
1-Copy repo folder 'Chainconnect' and paste in your NextJS or ReactJS project folder.
2-Install the following project dependencies:
```shell
npm i sf-font
npm i @nextui-org/react
```
3- Import the Connect button to your desired project page and add to any desired section in the html code.
```shell
import Connectchain from '../Chainconnect/connectchain'
return(
)
```
## Customization and Styling
Customize color and styling in connectchain.js with NextUI CSS styling parameters
if needed!
ENJOY!