@wagmi/connectors
Advanced tools
Package description
@wagmi/connectors is a package that provides a set of connectors for integrating with various Ethereum wallets. It is part of the wagmi library, which is designed to make it easier to work with Ethereum in JavaScript and TypeScript applications. The connectors facilitate the connection between your application and different wallet providers, enabling functionalities such as authentication, transaction signing, and more.
MetaMask Connector
This feature allows you to connect your application to the MetaMask wallet. The MetaMaskConnector can be configured with various options, such as supported chains and whether to shim the disconnect functionality.
const { MetaMaskConnector } = require('@wagmi/connectors');
const metaMaskConnector = new MetaMaskConnector({
chains: [/* array of supported chains */],
options: {
shimDisconnect: true,
},
});WalletConnect Connector
This feature allows you to connect your application to wallets that support WalletConnect. The WalletConnectConnector can be configured with options like whether to display a QR code for connection.
const { WalletConnectConnector } = require('@wagmi/connectors');
const walletConnectConnector = new WalletConnectConnector({
chains: [/* array of supported chains */],
options: {
qrcode: true,
},
});Coinbase Wallet Connector
This feature allows you to connect your application to the Coinbase Wallet. The CoinbaseWalletConnector can be configured with options such as the name of your application.
const { CoinbaseWalletConnector } = require('@wagmi/connectors');
const coinbaseWalletConnector = new CoinbaseWalletConnector({
chains: [/* array of supported chains */],
options: {
appName: 'MyApp',
},
});Web3Modal is a library that allows developers to easily integrate multiple wallet providers into their applications. It provides a modal component that lets users choose their preferred wallet. Compared to @wagmi/connectors, Web3Modal offers a more user-friendly interface for selecting wallets but may not provide as much granular control over individual connectors.
Web3-react is a library for managing Ethereum wallet connections in React applications. It provides hooks and connectors for various wallet providers. Compared to @wagmi/connectors, web3-react is more tightly integrated with React and offers a more React-centric API, whereas @wagmi/connectors can be used in any JavaScript or TypeScript environment.
Ethers.js is a library for interacting with the Ethereum blockchain and its ecosystem. While it is not specifically focused on wallet connectors, it provides utilities for connecting to various providers and signing transactions. Compared to @wagmi/connectors, ethers.js offers a broader range of functionalities beyond just wallet connections.
Readme
@wagmi/connectorsCollection of connectors for wagmi.
Install the @wagmi/connectors package.
npm i @wagmi/connectors
Configure your wagmi config with connectors!
import { configureChains, createConfig } from 'wagmi'
import { InjectedConnector } from '@wagmi/connectors/injected'
const { chains, provider } = configureChains(...)
const config = createConfig({
connectors: [
new InjectedConnector({ chains }),
],
provider,
})
If your bundler supports tree-shaking (most likely), only the used connectors will be included in the bundle, so you don't have to worry about bundle size. 😊
CoinbaseWalletConnectorInjectedConnectorMetaMaskConnectorMockConnectorSafeConnectorWalletConnectConnectorWant to add another chain to the list? Make sure you read the contributing guide first.
FAQs
Collection of connectors for Wagmi
The npm package @wagmi/connectors receives a total of 162,109 weekly downloads. As such, @wagmi/connectors popularity was classified as popular.
We found that @wagmi/connectors demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Emerging ransomware groups drive a surge in activity in early 2024, with increasing software supply chain attacks predicted to impact critical industries reliant on third-party software.
Security News
In June 2023, Google sold all Google Domains accounts to Squarespace but more than a dozen customers have had their domains hijacked in the last week due to weak security defaults and migration issues.
![Massive Automated Spam Campaign Abuses GitHub to Flood npm Registry with Thousands of Garbage Tea[.]xyz Packages](https://cdn.sanity.io/images/cgdhsj6q/production/a74d1072ff2bb5cb96a404be58a649931ced2ba5-1024x1024.webp?w=400&fit=max&auto=format)
Security News
In a reprisal of their previous Tea[.]xyz spam campaign, a new wave of thousands of garbage packages are hitting npm, to artificially inflate the number of dependents for spammers' projects.