{"id":13794427,"url":"https://github.com/Web3Auth/web3auth-wagmi-connector","last_synced_at":"2025-05-12T21:31:16.540Z","repository":{"id":62238534,"uuid":"535636601","full_name":"Web3Auth/web3auth-wagmi-connector","owner":"Web3Auth","description":"Web3Auth connector for wagmi","archived":false,"fork":false,"pushed_at":"2024-12-14T17:12:46.000Z","size":8810,"stargazers_count":27,"open_issues_count":23,"forks_count":22,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-06T13:48:19.319Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Web3Auth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-12T11:32:13.000Z","updated_at":"2025-02-04T23:38:17.000Z","dependencies_parsed_at":"2023-02-18T18:15:37.168Z","dependency_job_id":"fb8d4016-fa4e-4df3-8ace-605b18ea1c49","html_url":"https://github.com/Web3Auth/web3auth-wagmi-connector","commit_stats":{"total_commits":126,"total_committers":8,"mean_commits":15.75,"dds":0.4841269841269841,"last_synced_commit":"39fdfecb3d8cbe6abf122c3f6523a42a4bf7afe3"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Web3Auth%2Fweb3auth-wagmi-connector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Web3Auth%2Fweb3auth-wagmi-connector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Web3Auth%2Fweb3auth-wagmi-connector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Web3Auth%2Fweb3auth-wagmi-connector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Web3Auth","download_url":"https://codeload.github.com/Web3Auth/web3auth-wagmi-connector/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253825051,"owners_count":21970121,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T23:00:40.584Z","updated_at":"2025-05-12T21:31:16.094Z","avatar_url":"https://github.com/Web3Auth.png","language":"TypeScript","funding_links":[],"categories":["Projects"],"sub_categories":["Connectors"],"readme":"\u003cp align=\"center\"\u003e\n \u003cimg src=\"https://web3auth.io/images/w3a-L-Favicon-1.svg\" align=\"center\" alt=\"Ledger\" /\u003e\n \u003ch2 align=\"center\"\u003eWeb3Auth Wagmi Connector\u003c/h2\u003e\n \u003cp align=\"center\"\u003e\u003ca href=\"https://github.com/tmm/wagmi\"\u003eWagmi\u003c/a\u003e Connector for Web3Auth\u003c/p\u003e\n\u003c/p\u003e\n\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n![npm](https://img.shields.io/npm/dw/@web3auth/web3auth-wagmi-connector)\n\nWeb3Auth is where passwordless auth meets non-custodial key infrastructure for Web3 apps and wallets. By aggregating OAuth (Google, Twitter, Discord) logins, different wallets and innovative Multi Party Computation (MPC) - Web3Auth provides a seamless login experience to every user on your application.\n\n`@web3auth/web3auth-wagmi-connector` is a connector for the popular [wagmi](https://github.com/tmm/wagmi) library and Web3Auth Web SDKs. \n\nYou can utilise this connector package alongside the Web3Auth Web SDKs to  initialize a [wagmi client](https://wagmi.sh/docs/client) that will seemlessly manage the interaction of your DApp with Web3Auth.\n\n## 📖 Documentation\n\nCheckout the official [Web3Auth Documentation](https://web3auth.io/docs) and [SDK Reference](https://web3auth.io/docs/sdk/web/) to get started!\n\n## 💡 Features\n\n- Plug and Play, OAuth based Web3 Authentication Service\n- Fully decentralized, non-custodial key infrastructure\n- End to end Whitelabelable solution\n- Threshold Cryptography based Key Reconstruction\n- Multi Factor Authentication Setup \u0026 Recovery (Includes password, backup phrase, device factor editing/deletion etc)\n- Support for WebAuthn \u0026 Passwordless Login\n- Support for connecting to multiple wallets\n- DApp Active Session Management\n\n...and a lot more\n\n## 💭 Choosing Between SDKs\n\nFor using Web3Auth in the web, you have two choices of SDKs to get started with.\n\n[Web3Auth Plug and Play Modal SDK `@web3auth/modal`](https://web3auth.io/docs/sdk/web/modal/): A simple and easy to use SDK that will give you a simple modular way of implementing Web3Auth directly within your application. You can use the pre-configured Web3Auth Modal UI and whitelabel it according to your needs.\n\n[Web3Auth Plug and Play No Modal SDK `@web3auth/no-modal`](https://web3auth.io/docs/sdk/web/no-modal/): The core module implemeting all the Web3Auth features you need and giving you the flexibilty of using your own UI with the Web3Auth SDK working in the client side.\n\n## ⚡ Quick Start\n\n### Installation (Web3Auth Plug and Play Modal)\n\n```shell\nnpm install --save @web3auth/modal @web3auth/ethereum-provider @web3auth/web3auth-wagmi-connector\n```\n\n### Get your Client ID from Web3Auth Dashboard\n\nHop on to the [Web3Auth Dashboard](https://dashboard.web3auth.io/) and create a new project. Use the Client ID of the project to start your integration.\n\n![Web3Auth Dashboard](https://web3auth.io/docs/assets/images/project_plug_n_play-89c39ec42ad993107bb2485b1ce64b89.png)\n\n### Instantiate Web3Auth and pass it to the Connector\n\nHere is an example of a wagmi client using both the `Web3AuthConnector` and the default `InjectedConnector` respectively.\n\n```js\nimport { Web3AuthConnector } from \"@web3auth/web3auth-wagmi-connector\";\nimport { Web3Auth } from \"@web3auth/modal\";\nimport { EthereumPrivateKeyProvider } from \"@web3auth/ethereum-provider\";\nimport { CHAIN_NAMESPACES, WEB3AUTH_NETWORK } from \"@web3auth/base\";\nimport { WagmiProvider, createConfig, http, } from \"wagmi\";\nimport { sepolia, mainnet } from \"wagmi/chains\";\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query' \n\n// Configure chains \u0026 providers with the Alchemy provider.\n// Popular providers are Alchemy (alchemy.com), Infura (infura.io), Quicknode (quicknode.com) etc.\nconst { chains, publicClient, webSocketPublicClient } = configureChains([mainnet, arbitrum, polygon], [publicProvider()]);\n\n// Instantiating Web3Auth\nconst name = \"My App Name\";\nconst chainConfig = {\n  chainNamespace: CHAIN_NAMESPACES.EIP155,\n  chainId: \"0x\" + mainnet.id.toString(16),\n  rpcTarget: mainnet.rpcUrls.default.http[0], // This is the public RPC we have added, please pass on your own endpoint while creating an app\n  displayName: mainnet.name,\n  tickerName: mainnet.nativeCurrency?.name,\n  ticker: mainnet.nativeCurrency?.symbol,\n  blockExplorerUrl: mainnet.blockExplorers?.default.url[0] as string,\n};\n\nconst privateKeyProvider = new EthereumPrivateKeyProvider({ config: { chainConfig } });\n\nconst web3AuthInstance = new Web3Auth({\n  clientId: \"YOUR_WEB3AUTH_CLIENT_ID\",\n  chainConfig,\n  privateKeyProvider,\n  web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET,\n});\n\nconst queryClient = new QueryClient() \n\n// Set up client\nconst config = createConfig({\n  chains: [mainnet, sepolia],\n  transports: {\n    [mainnet.id]: http(),\n    [sepolia.id]: http(),\n  },\n  connectors: [\n    {web3AuthInstance},\n  ],\n});\n```\n\n## 🩹 Examples\n\nCheckout the examples for your preferred blockchain and platform in our [examples repository](https://github.com/Web3Auth/web3auth-pnp-examples/)\n\n## 🌐 Demo\n\nCheckout the [Web3Auth Demo](https://demo-app.web3auth.io/) to see how Web3Auth can be used in your application.\n\nFurther checkout the [demos folder](https://github.com/Web3Auth/web3auth-wagmi-connecto/tree/master/demos) within this repository, which contains other hosted demos for different usecases.\n\n## 💬 Troubleshooting and Support\n\n- Have a look at our [Community Portal](https://community.web3auth.io/) to see if anyone has any questions or issues you might be having. Feel free to reate new topics and we'll help you out as soon as possible.\n- Checkout our [Troubleshooting Documentation Page](https://web3auth.io/docs/troubleshooting) to know the common issues and solutions.\n- For Priority Support, please have a look at our [Pricing Page](https://web3auth.io/pricing.html) for the plan that suits your needs\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWeb3Auth%2Fweb3auth-wagmi-connector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FWeb3Auth%2Fweb3auth-wagmi-connector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWeb3Auth%2Fweb3auth-wagmi-connector/lists"}