diff --git a/.env.example b/.env.example
index fb1e341..a4e18da 100644
--- a/.env.example
+++ b/.env.example
@@ -1,2 +1,5 @@
 # Use the testnet in development
 # ALEPH_API_URL=https://api.twentysix.testnet.network
+
+# WalletConnect
+WALLET_CONNECT_PROJECT_ID=
diff --git a/public/icons.svg b/public/icons.svg
index 0984cf1..edd0203 100644
--- a/public/icons.svg
+++ b/public/icons.svg
@@ -129,4 +129,82 @@
       d="M4.29128 10L0.896987 1.27183C0.660757 0.664364 1.2531 0.0834234 1.83906 0.289923L1.93141 0.329184L19.9314 9.32913C20.4497 9.58833 20.4821 10.2978 20.0286 10.6132L19.9314 10.6708L1.93141 19.6708C1.34843 19.9623 0.715117 19.4263 0.866457 18.8237L0.896987 18.7281L4.29128 10ZM2.99976 2.5404L5.60875 9.24943L12.2364 9.25003C12.6161 9.25003 12.9299 9.53213 12.9795 9.89823L12.9864 10C12.9864 10.3797 12.7042 10.6935 12.3381 10.7431L12.2364 10.75L5.60875 10.7494L2.99976 17.4596L17.919 10L2.99976 2.5404Z"
     />
   </symbol>
+  <symbol id="rabby" viewBox="0 0 512 512">
+    <path
+      d="M438.47 279.097C452.952 246.637 381.359 155.948 312.964 118.165C269.853 88.895 224.93 92.9162 215.832 105.768C195.865 133.972 281.948 157.871 339.518 185.759C327.143 191.152 315.481 200.83 308.623 213.207C287.16 189.697 240.052 169.451 184.777 185.759C147.528 196.749 116.571 222.658 104.606 261.791C101.699 260.495 98.4799 259.774 95.0934 259.774C82.1436 259.774 71.6456 270.308 71.6456 283.301C71.6456 296.295 82.1436 306.828 95.0934 306.828C97.4937 306.828 104.999 305.213 104.999 305.213L224.93 306.085C176.967 382.43 139.063 393.59 139.063 406.817C139.063 420.043 175.331 416.459 188.948 411.529C254.138 387.928 324.155 314.373 336.17 293.199C386.625 299.515 429.028 300.262 438.47 279.097Z"
+      fill="url(#paint0_linear_1758_656)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M339.513 185.763C339.516 185.764 339.519 185.766 339.522 185.767C342.191 184.712 341.759 180.758 341.026 177.652C339.342 170.515 310.284 141.724 282.997 128.829C245.815 111.257 218.435 112.163 214.39 120.262C221.964 135.837 257.077 150.461 293.748 165.733C309.394 172.249 325.323 178.883 339.519 185.76C339.517 185.761 339.515 185.762 339.513 185.763Z"
+          fill="url(#paint1_linear_1758_656)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M292.329 342.523C284.809 339.64 276.315 336.994 266.658 334.594C276.955 316.108 279.115 288.74 269.391 271.437C255.743 247.153 238.612 234.228 198.802 234.228C176.907 234.228 117.955 241.628 116.909 291.006C116.799 296.187 116.906 300.935 117.28 305.301L224.93 306.084C210.417 329.185 196.825 346.318 184.926 359.345C199.213 363.019 211.003 366.103 221.828 368.934C232.098 371.62 241.499 374.079 251.339 376.598C266.182 365.748 280.135 353.917 292.329 342.523Z"
+          fill="url(#paint2_linear_1758_656)"/>
+    <path
+      d="M103.169 300.228C107.567 337.737 128.813 352.437 172.227 356.788C215.641 361.138 240.544 358.22 273.698 361.246C301.389 363.774 326.113 377.932 335.285 373.04C343.539 368.636 338.921 352.728 327.876 342.521C313.558 329.291 293.742 320.093 258.875 316.828C265.824 297.739 263.877 270.973 253.085 256.411C237.481 235.355 208.68 225.836 172.227 229.995C134.143 234.34 97.6504 253.153 103.169 300.228Z"
+      fill="url(#paint3_linear_1758_656)"/>
+    <defs>
+      <linearGradient id="paint0_linear_1758_656" x1="180.439" y1="250.352" x2="435.479" y2="322.433"
+                      gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8697FF"/>
+        <stop offset="1" stop-color="#ABB7FF"/>
+      </linearGradient>
+      <linearGradient id="paint1_linear_1758_656" x1="392.428" y1="245.489" x2="207.876" y2="61.1077"
+                      gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8697FF"/>
+        <stop offset="1" stop-color="#5156D8" stop-opacity="0"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_1758_656" x1="297.446" y1="348.967" x2="120.465" y2="247.558"
+                      gradientUnits="userSpaceOnUse">
+        <stop stop-color="#465EED"/>
+        <stop offset="1" stop-color="#8697FF" stop-opacity="0"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_1758_656" x1="195.658" y1="248.443" x2="315.581" y2="400.306"
+                      gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8898FF"/>
+        <stop offset="0.983895" stop-color="#6277F1"/>
+      </linearGradient>
+    </defs>
+  </symbol>
+  <symbol id="walletConnect" viewBox="0 0 400 400">
+    <clipPath id="a">
+      <path d="m0 0h400v400h-400z"/>
+    </clipPath>
+    <g clip-path="url(#a)">
+      <circle cx="200" cy="200" fill="#3396ff" r="199.5" stroke="#66b1ff"/>
+      <path
+        d="m122.519 148.965c42.791-41.729 112.171-41.729 154.962 0l5.15 5.022c2.14 2.086 2.14 5.469 0 7.555l-17.617 17.18c-1.07 1.043-2.804 1.043-3.874 0l-7.087-6.911c-29.853-29.111-78.253-29.111-108.106 0l-7.59 7.401c-1.07 1.043-2.804 1.043-3.874 0l-17.617-17.18c-2.14-2.086-2.14-5.469 0-7.555zm191.397 35.529 15.679 15.29c2.14 2.086 2.14 5.469 0 7.555l-70.7 68.944c-2.139 2.087-5.608 2.087-7.748 0l-50.178-48.931c-.535-.522-1.402-.522-1.937 0l-50.178 48.931c-2.139 2.087-5.608 2.087-7.748 0l-70.7015-68.945c-2.1396-2.086-2.1396-5.469 0-7.555l15.6795-15.29c2.1396-2.086 5.6085-2.086 7.7481 0l50.1789 48.932c.535.522 1.402.522 1.937 0l50.177-48.932c2.139-2.087 5.608-2.087 7.748 0l50.179 48.932c.535.522 1.402.522 1.937 0l50.179-48.931c2.139-2.087 5.608-2.087 7.748 0z"
+        fill="#fff"/>
+    </g>
+  </symbol>
+  <symbol id="metamask" viewBox="0 0 318.6 318.6">
+    <style>
+      .st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}
+    </style>
+    <path fill="#e2761b" stroke="#e2761b" stroke-linecap="round" stroke-linejoin="round"
+          d="m274.1 35.5-99.5 73.9L193 65.8z"/>
+    <path
+      d="m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z"
+      class="st1"/>
+    <path
+      d="m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z"
+      class="st1"/>
+    <path fill="#d7c1b3" stroke="#d7c1b3" stroke-linecap="round" stroke-linejoin="round"
+          d="m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"/>
+    <path fill="#233447" stroke="#233447" stroke-linecap="round" stroke-linejoin="round"
+          d="m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"/>
+    <path fill="#cd6116" stroke="#cd6116" stroke-linecap="round" stroke-linejoin="round"
+          d="m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"/>
+    <path fill="#e4751f" stroke="#e4751f" stroke-linecap="round" stroke-linejoin="round"
+          d="m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"/>
+    <path d="m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z" class="st6"/>
+    <path fill="#c0ad9e" stroke="#c0ad9e" stroke-linecap="round" stroke-linejoin="round"
+          d="m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"/>
+    <path fill="#161616" stroke="#161616" stroke-linecap="round" stroke-linejoin="round"
+          d="m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"/>
+    <path fill="#763d16" stroke="#763d16" stroke-linecap="round" stroke-linejoin="round"
+          d="m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"/>
+    <path
+      d="m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z"
+      class="st6"/>
+  </symbol>
 </svg>
diff --git a/src/components/AccountButton.vue b/src/components/AccountButton.vue
index 1b0f7fe..13c53e2 100644
--- a/src/components/AccountButton.vue
+++ b/src/components/AccountButton.vue
@@ -1,17 +1,19 @@
 <template>
   <div style="display: inline-block">
-    <q-btn
-      v-if="!account.isConnected.value"
-      class="text-semibold border-primary-highlight gt-sm"
-      color="primary"
-      no-caps
-      rounded
-      unelevated
-      @click="connect({ connector: config.connectors[0] })"
-    >
-      <ltai-icon dark-color="white" left light-color="white" name="svguse:icons.svg#wallet" size="xs" />
-      Connect Wallet
-    </q-btn>
+    <q-btn-dropdown v-if="!account.isConnected.value" color="primary" label="Connect wallet" no-caps rounded unelevated>
+      <q-btn
+        v-for="connector in config.connectors"
+        :key="connector.uid"
+        class="row tw-mx-auto"
+        no-caps
+        rounded
+        unelevated
+        @click="connect({ connector })"
+      >
+        <ltai-icon :name="getConnectorIconName(connector.id)" class="tw-mr-1" />
+        <span>{{ connector.name }}</span>
+      </q-btn>
+    </q-btn-dropdown>
     <q-btn-dropdown
       v-else
       :label="`${account.address.value?.slice(0, 4)}...${account.address.value?.slice(-2)}`"
@@ -74,4 +76,17 @@ watchEffect((onCleanup) => {
   });
   onCleanup(unwatch);
 });
+
+const getConnectorIconName = (connectorId: string): string => {
+  switch (connectorId) {
+    case 'io.rabby':
+      return 'svguse:icons.svg#rabby';
+    case 'io.metamask':
+      return 'svguse:icons.svg#metamask';
+    case 'walletConnect':
+      return 'svguse:icons.svg#walletConnect';
+    default:
+      return 'svguse:icons.svg#wallet';
+  }
+};
 </script>
diff --git a/src/config/wagmi.ts b/src/config/wagmi.ts
index 4df37ad..44fffb0 100644
--- a/src/config/wagmi.ts
+++ b/src/config/wagmi.ts
@@ -1,10 +1,14 @@
 import { createConfig, http } from '@wagmi/vue';
 import { base, baseSepolia } from '@wagmi/vue/chains';
-import { injected } from '@wagmi/connectors';
+import { walletConnect } from '@wagmi/vue/connectors';
 
 export const config = createConfig({
   chains: [base, baseSepolia],
-  connectors: [injected()],
+  connectors: [
+    walletConnect({
+      projectId: process.env.WALLET_CONNECT_PROJECT_ID!,
+    }),
+  ],
   transports: {
     [base.id]: http(),
     [baseSepolia.id]: http(),