React hooks by Wagmi
A modular, type-safe React library providing hooks to build high-performance Ethereum blockchain frontends.
Overview
Wagmi is a React-based library designed to simplify and accelerate the development of Ethereum blockchain frontends. It offers a comprehensive set of over 20 React hooks that cover essential blockchain interactions such as managing accounts, wallets, contracts, transactions, signing messages, and Ethereum Name Service (ENS) operations. The library is built with TypeScript support, enabling developers to infer types directly from contract ABIs and EIP-712 typed data, which enhances developer productivity and reduces runtime errors.
Wagmi is modular and extensible by design. While it primarily targets React developers, it also supports Vue and VanillaJS through adapters, making it flexible for various frontend frameworks. It integrates official wallet connectors including MetaMask, WalletConnect, Coinbase Wallet, and supports the emerging EIP-6963 standard for wallet connections. Wagmi leverages TanStack Query for built-in caching, deduplication, and persistence of blockchain data, improving performance and user experience.
Under the hood, Wagmi is built on Viem, a modern low-level TypeScript Ethereum interface that handles blockchain operations efficiently. This architecture allows Wagmi to provide a high-performance, type-safe, and developer-friendly environment for building decentralized applications (dapps). Developers can get started quickly by installing the React package and importing hooks for common blockchain tasks. Extensive documentation and guides cover wallet connection, contract reading and writing, transaction handling, error management, and more.
The Problem
Developers building Ethereum frontends face challenges integrating wallet connections, managing blockchain state, and handling asynchronous contract interactions with type safety and performance. Existing libraries often lack modularity, extensibility, or comprehensive TypeScript support, leading to boilerplate code and potential runtime errors.
The Solution
Key Features
20+ React hooks
Hooks for accounts, wallets, contracts, transactions, signing, ENS, and more.
TypeScript ready
Strong typing support for safer and more productive development.
Wallet connection management
Official connectors and hooks to connect, disconnect, and switch wallets and chains.
Contract interaction hooks
Read and write contract data, deploy contracts, and simulate transactions.
Event and transaction monitoring
Hooks to watch contract events, pending transactions, and transaction receipts.
Key Strengths
How Developers Use React hooks by Wagmi
Building a DeFi dashboard
Developers use Wagmi hooks to connect user wallets, fetch token balances, read contract states, and send transactions with type safety and caching.
NFT marketplace frontend
Wagmi enables seamless wallet integration, ENS resolution, and contract interactions for minting, buying, and selling NFTs.
DAO governance app
Use Wagmi to manage wallet connections, sign governance proposals, monitor voting events, and track transaction statuses.
Works Well WithEthereumPolygon PoSOptimismArbitrum One
EVM Chains
Power your next build
Discover trusted tools and services in the QuickNode Marketplace. Everything you need to launch faster and scale smarter.
React hooks by Wagmi Alternatives
Explore web3 competitors and apps like React hooks by Wagmi.
Core API
A Document Object Model for Web APIs designed to simplify API consumption and integration.
0x
0x provides battle-tested APIs to embed fast, gasless, and deeply liquid crypto trading into decentralized applications.
Blast API
Blast API is a decentralized Web3 infrastructure platform providing geographically distributed blockchain node APIs to improve reliability and latency.
Subgraphs
The Graph is a decentralized indexing protocol that organizes blockchain data and makes it easily accessible via GraphQL.
Virtual TestNets
Virtually operated Web3 networks that replicate real blockchain networks for development, testing, and staging without using real assets.
Connext
Connext is a secure, fast modular interoperability protocol enabling cross-chain fund bridging and asynchronous Solidity development.
Rarible
Rarible API is a fast, unified NFT API infrastructure providing real-time data and executable market features across Ethereum, Base, Polygon, and more than 10 other chains.
Rollups as a Service
A fully managed, customizable rollup deployment platform providing scalable, secure, and high-performance blockchain infrastructure.
Network APIs
Network APIs provides web3 developer tools focused on blockchain network interactions and API services.
Pricing
Free | |
|---|---|
| Price (Monthly) | Free |
| Price (Annual) | Free |
| Messaging | N/A |
| Support | Community support via GitHub Discussions |
| Analytics |
Resources
Wagmi provides extensive documentation, including API references for over 20 React hooks, guides for wallet connection, contract interaction, error handling, and migration from previous versions. The site also offers comparisons with other libraries, TypeScript support details, and integration examples.