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:

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.

import Connectchain from '../Chainconnect/connectchain'

return(
<Connectchain />
)

Customization and Styling

Customize color and styling in connectchain.js with NextUI CSS styling parameters

if needed!

ENJOY!