In Development - Refactoring in Progress 🏗️
A library of UI components specifically crafted for web3 use cases.
| Package name | Current version |
|---|---|
(Deprecated) @web3-ui/core |
 |
@web3-ui/components |
 |
(Deprecated) @web3-ui/hooks |
 |
Note: This is for the current public release. This library is being refactored and instructions will change.
- Install the package
$ yarn add @web3-ui/core ethers- Setup the Provider
import { Provider, NETWORKS } from '@web3-ui/core';
function MyApp({ Component, pageProps }) {
return (
<Provider network={NETWORKS.mainnet}>
<Component {...pageProps} />
</Provider>
);
}- Use the components and hooks
import { ConnectWallet, useWallet } from '@web3-ui/core';
function Home() {
const { connection } = useWallet();
return (
<div>
<ConnectWallet />
<div>{connection.ens || connection.userAddress}</div>
</div>
);
}Please see the Roadmap for more details
Read the CONTRIBUTING GUIDELINES.
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
This project would not have been possible without these wonderful projects: