diff --git a/apps/web/package.json b/apps/web/package.json
index 3d9a2554eb..259a4a9aa9 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -33,6 +33,7 @@
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@reduxjs/toolkit": "^2.2.7",
+ "@reown/walletkit": "^1.0.1",
"@tanstack/react-query": "^5.56.2",
"@taquito/beacon-wallet": "^20.0.1",
"@taquito/ledger-signer": "^20.0.1",
@@ -49,6 +50,9 @@
"@umami/state": "workspace:^",
"@umami/tezos": "workspace:^",
"@umami/tzkt": "workspace:^",
+ "@walletconnect/jsonrpc-utils": "^1.0.8",
+ "@walletconnect/types": "^2.16.2",
+ "@walletconnect/utils": "^2.16.2",
"bignumber.js": "^9.1.2",
"bip39": "^3.1.0",
"cross-env": "^7.0.3",
diff --git a/apps/web/src/components/App/App.tsx b/apps/web/src/components/App/App.tsx
index bb63400b47..160c292d2a 100644
--- a/apps/web/src/components/App/App.tsx
+++ b/apps/web/src/components/App/App.tsx
@@ -3,13 +3,16 @@ import { useCurrentAccount } from "@umami/state";
import { Layout } from "../../Layout";
import { Welcome } from "../../views/Welcome";
import { BeaconProvider } from "../beacon";
+import { WalletConnectProvider } from "../WalletConnect/WalletConnectProvider";
export const App = () => {
const currentAccount = useCurrentAccount();
return currentAccount ? (
-
+
+
+
) : (
diff --git a/apps/web/src/components/Menu/AppsMenu/AppsMenu.tsx b/apps/web/src/components/Menu/AppsMenu/AppsMenu.tsx
index 9cf8113f9d..0cee30c636 100644
--- a/apps/web/src/components/Menu/AppsMenu/AppsMenu.tsx
+++ b/apps/web/src/components/Menu/AppsMenu/AppsMenu.tsx
@@ -2,6 +2,7 @@ import { Button, Divider, Text } from "@chakra-ui/react";
import { useAddPeer } from "@umami/state";
import { BeaconPeers } from "../../beacon";
+import { onConnect } from "../../WalletConnect";
import { DrawerContentWrapper } from "../DrawerContentWrapper";
export const AppsMenu = () => {
@@ -10,13 +11,17 @@ export const AppsMenu = () => {
return (
- Connect with Pairing Request
+ Connect with Pairing Request for Beacon or WalletConnect