React hooks by Wagmi
A modular, type-safe React library providing hooks to build high-performance Ethereum blockchain frontends.
ユーザー10万以上
開始2022年
チェーン
ターミナル、コード、またはAIエージェントからQuicknodeを管理できます。CLI、Admin API、MCP、SDKが利用可能になりました。
作成を開始するA modular, type-safe React library providing hooks to build high-performance Ethereum blockchain frontends.
SOC 2 タイプ II 認証取得 · ISO 27001
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.
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.
Hooks for accounts, wallets, contracts, transactions, signing, ENS, and more.
Strong typing support for safer and more productive development.
Official connectors and hooks to connect, disconnect, and switch wallets and chains.
Read and write contract data, deploy contracts, and simulate transactions.
Hooks to watch contract events, pending transactions, and transaction receipts.
Developers use Wagmi hooks to connect user wallets, fetch token balances, read contract states, and send transactions with type safety and caching.
Wagmi enables seamless wallet integration, ENS resolution, and contract interactions for minting, buying, and selling NFTs.
Use Wagmi to manage wallet connections, sign governance proposals, monitor voting events, and track transaction statuses.
80以上のチェーンを横断する無料のRPC。30秒未満でエンドポイントを立ち上げられます。
Explore web3 competitors and apps like React hooks by Wagmi.
無料 | |
|---|---|
| 料金（月額） | 無料 |
| 価格（年間） | 無料 |
| メッセージ機能 | 該当なし |
| サポート | Community support via GitHub Discussions |
| アナリティクス |
信頼性の高いRPC、強力なAPI、そして手間いらず。
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.
