diff --git a/bun.lockb b/bun.lockb
index 840b8dde..797a270f 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/react/views/Connected.tsx b/components/react/views/Connected.tsx
index a893599b..43424206 100644
--- a/components/react/views/Connected.tsx
+++ b/components/react/views/Connected.tsx
@@ -57,7 +57,7 @@ export const Connected = ({
           <Image
             height={0}
             width={0}
-            src={getRealLogo(logo)}
+            src={name === 'Cosmos MetaMask Extension' ? '/metamask.svg' : getRealLogo(logo)}
             alt={name}
             className="w-8 h-8 rounded-full mr-2"
           />
diff --git a/components/react/views/Connecting.tsx b/components/react/views/Connecting.tsx
index ec452c6a..dbc1fd34 100644
--- a/components/react/views/Connecting.tsx
+++ b/components/react/views/Connecting.tsx
@@ -43,7 +43,7 @@ export const Connecting = ({
       </div>
       <div className="flex flex-col w-full h-full mt-4 sm:px-8 sm:py-6">
         <img
-          src={getRealLogo(logo)}
+          src={name === 'Cosmos MetaMask Extension' ? '/metamask.svg' : getRealLogo(logo)}
           alt={name}
           className="flex-shrink-0 w-20 h-20 mx-auto aspect-1"
         />
diff --git a/components/react/views/Error.tsx b/components/react/views/Error.tsx
index 1805a0e8..6865bb63 100644
--- a/components/react/views/Error.tsx
+++ b/components/react/views/Error.tsx
@@ -45,7 +45,11 @@ export const Error = ({
       <div className="flex flex-col w-full h-full py-6 mt-4 sm:px-8">
         <div className="p-3 border rounded-full border-red-600 mx-auto aspect-1 flex-shrink-0">
           <Image
-            src={getRealLogo(logo)}
+            src={
+              currentWalletName === 'Cosmos MetaMask Extension'
+                ? '/metamask.svg'
+                : getRealLogo(logo)
+            }
             alt="Wallet type logo"
             className="flex-shrink-0 w-16 h-16 aspect-1"
             width={16}
diff --git a/components/react/views/NotExist.tsx b/components/react/views/NotExist.tsx
index 95b07273..874aaa26 100644
--- a/components/react/views/NotExist.tsx
+++ b/components/react/views/NotExist.tsx
@@ -40,7 +40,7 @@ export const NotExist = ({
       </div>
       <div className="flex flex-col w-full h-full py-6 mt-4 sm:px-8">
         <img
-          src={getRealLogo(logo)}
+          src={name === 'Cosmos MetaMask Extension' ? '/metamask.svg' : getRealLogo(logo)}
           alt={name}
           className="flex-shrink-0 w-16 h-16 mx-auto aspect-1"
         />
diff --git a/components/react/views/WalletList.tsx b/components/react/views/WalletList.tsx
index 41b23e7a..9b6bafb6 100644
--- a/components/react/views/WalletList.tsx
+++ b/components/react/views/WalletList.tsx
@@ -15,15 +15,17 @@ export const WalletList = ({
   const isDarkMode = document.documentElement.classList.contains('dark');
 
   const social = wallets.filter(wallet =>
-    ['Google', 'Twitter', 'Apple', 'Discord', 'GitHub', 'Reddit'].includes(
+    ['Google', 'Twitter', 'Apple', 'Discord', 'GitHub', 'Reddit', 'Email', 'SMS'].includes(
       wallet.walletInfo.prettyName
     )
   );
 
   const browser = wallets.filter(wallet =>
-    ['Keplr', 'Cosmostation', 'Leap', 'Station'].includes(wallet.walletInfo.prettyName)
+    ['Keplr', 'Cosmostation', 'Leap', 'Station', 'Cosmos MetaMask Extension'].includes(
+      wallet.walletInfo.prettyName
+    )
   );
-
+  console.log(wallets);
   const mobile = wallets.filter(wallet =>
     ['Wallet Connect', 'Keplr Mobile', 'Cosmostation Mobile', 'Leap Mobile'].includes(
       wallet.walletInfo.prettyName
@@ -40,7 +42,7 @@ export const WalletList = ({
         <XMarkIcon className="w-5 h-5" aria-hidden="true" />
       </button>
 
-      {/* Browser and Social sections - browaer hidden on mobile/tablet */}
+      {/* Browser and Social sections - browser hidden on mobile/tablet */}
       <div className="hidden md:block">
         <div className="space-y-2 mb-4">
           {browser.map(({ walletInfo: { name, prettyName, logo } }) => (
@@ -50,11 +52,17 @@ export const WalletList = ({
               className="flex items-center w-full p-3 rounded-lg dark:bg-[#ffffff0c] bg-[#f0f0ff5c] dark:hover:bg-[#0000004c] hover:bg-[#a8a8a84c] transition"
             >
               <img
-                src={getRealLogo(logo?.toString() ?? '')}
+                src={
+                  prettyName === 'Cosmos MetaMask Extension'
+                    ? '/metamask.svg'
+                    : getRealLogo(logo?.toString() ?? '')
+                }
                 alt={prettyName}
                 className="w-10 h-10 rounded-xl mr-3"
               />
-              <span className="text-md">{prettyName}</span>
+              <span className="text-md">
+                {prettyName === 'Cosmos MetaMask Extension' ? 'MetaMask' : prettyName}
+              </span>
             </button>
           ))}
         </div>
diff --git a/package.json b/package.json
index df914869..5cb5c46b 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "@chain-registry/assets": "^1.64.83",
     "@cosmjs/cosmwasm-stargate": "0.32.4",
     "@cosmjs/stargate": "npm:@liftedinit/stargate@0.32.4-ll.3",
+    "@cosmos-kit/cosmos-extension-metamask": "^0.12.1",
     "@cosmos-kit/react": "2.18.0",
     "@cosmos-kit/web3auth": "2.11.0",
     "@fontsource/manrope": "^5.0.21",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index b901e143..4ed3fe54 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -15,6 +15,7 @@ import {
   manifestTestnetAssets,
 } from '@/config';
 import { SignerOptions, wallets } from 'cosmos-kit';
+import { wallets as cosmosExtensionWallets } from '@cosmos-kit/cosmos-extension-metamask';
 import { ChainProvider } from '@cosmos-kit/react';
 import { Registry } from '@cosmjs/proto-signing';
 import { TailwindModal } from '../components';
@@ -145,6 +146,16 @@ function ManifestApp({ Component, pageProps }: ManifestAppProps) {
             name: 'Reddit',
             logo: '/reddit',
           },
+          {
+            provider: 'email_passwordless',
+            name: 'Email',
+            logo: '/email',
+          },
+          {
+            provider: 'sms_passwordless',
+            name: 'SMS',
+            logo: '/sms',
+          },
         ],
 
         client: {
@@ -167,7 +178,7 @@ function ManifestApp({ Component, pageProps }: ManifestAppProps) {
   );
 
   // combine the web3auth wallets with the other wallets
-  const combinedWallets = [...web3AuthWallets, ...wallets];
+  const combinedWallets = [...web3AuthWallets, ...wallets, ...cosmosExtensionWallets];
 
   // this is stop ssr errors when we render the web3auth signing modal
   const [isBrowser, setIsBrowser] = useState(false);
diff --git a/public/browser-wallet.svg b/public/browser-wallet.svg
new file mode 100644
index 00000000..6f0fad88
--- /dev/null
+++ b/public/browser-wallet.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M19,3 L5,3 C3.89,3 3,3.9 3,5 L3,19 C3,20.1 3.89,21 5,21 L19,21 C20.1,21 21,20.1 21,19 L21,5 C21,3.9 20.1,3 19,3 Z M19,19 L5,19 L5,5 L19,5 L19,19 Z" fill="currentColor"/>
+        <path d="M12,6 C9.24,6 7,8.24 7,11 C7,13.76 9.24,16 12,16 C14.76,16 17,13.76 17,11 C17,8.24 14.76,6 12,6 Z M12,14 C10.34,14 9,12.66 9,11 C9,9.34 10.34,8 12,8 C13.66,8 15,9.34 15,11 C15,12.66 13.66,14 12,14 Z" fill="currentColor"/>
+    </g>
+</svg> 
\ No newline at end of file
diff --git a/public/email_dark.svg b/public/email_dark.svg
new file mode 100644
index 00000000..467faa76
--- /dev/null
+++ b/public/email_dark.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z" fill="#000000"/>
+</svg>
\ No newline at end of file
diff --git a/public/email_light.svg b/public/email_light.svg
new file mode 100644
index 00000000..822f1cb7
--- /dev/null
+++ b/public/email_light.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z" fill="#FFF"/>
+</svg>
\ No newline at end of file
diff --git a/public/metamask.svg b/public/metamask.svg
new file mode 100644
index 00000000..faee2007
--- /dev/null
+++ b/public/metamask.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 204.8 192.4" style="enable-background:new 0 0 204.8 192.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{fill:#F5841F;}
+	.st2{fill:#E27625;}
+	.st3{fill:#D7C1B3;}
+	.st4{fill:#2F343B;}
+	.st5{fill:#CC6228;}
+	.st6{fill:#C0AD9E;}
+	.st7{fill:#763E1A;}
+</style>
+<g id="bg_x28_do_not_export_x29_" class="st0">
+</g>
+<g id="MM_Head_background__x28_Do_not_edit_x29_">
+	<g>
+		<path class="st1" d="M167.4,96.1l6.9-8.1l-3-2.2l4.8-4.4l-3.7-2.8l4.8-3.6l-3.1-2.4l5-24.4l-7.6-22.6 M171.5,25.6l-48.8,18.1l0,0
+			l0,0H82l0,0L33.2,25.6l0.3,0.2l-0.3-0.2l-7.6,22.6l5.1,24.4L27.5,75l4.9,3.6l-3.7,2.8l4.8,4.4l-3,2.2l6.9,8.1l-10.5,32.4h0l0,0
+			l9.7,33.1l34.1-9.4l0-0.1l0,0.1l0,0l0,0l0,0v0l0,0l0,0l0,0l6.6,5.4l13.5,9.2h23.1l13.5-9.2l6.6-5.4l0,0v0l0,0l0,0l34.2,9.4
+			l9.8-33.1l0,0h0l-10.6-32.4 M70.7,152.1L70.7,152.1L70.7,152.1"/>
+	</g>
+</g>
+<g id="Logos">
+	<g>
+		<polygon class="st2" points="171.5,25.6 111.6,69.7 122.7,43.7 		"/>
+		<polygon class="st2" points="33.2,25.6 92.6,70.1 82,43.7 		"/>
+		<polygon class="st2" points="150,127.9 134,152.1 168.2,161.5 178,128.4 		"/>
+		<polygon class="st2" points="26.9,128.4 36.6,161.5 70.7,152.1 54.8,127.9 		"/>
+		<polygon class="st2" points="68.9,86.9 59.4,101.2 93.2,102.7 92.1,66.5 		"/>
+		<polygon class="st2" points="135.9,86.9 112.3,66.1 111.6,102.7 145.4,101.2 		"/>
+		<polygon class="st2" points="70.7,152.1 91.2,142.3 73.5,128.7 		"/>
+		<polygon class="st2" points="113.6,142.3 134,152.1 131.2,128.7 		"/>
+		<polygon class="st3" points="134,152.1 113.6,142.3 115.3,155.5 115.1,161.1 		"/>
+		<polygon class="st3" points="70.7,152.1 89.7,161.1 89.6,155.5 91.2,142.3 		"/>
+		<polygon class="st4" points="90,119.9 73.1,115 85.1,109.5 		"/>
+		<polygon class="st4" points="114.7,119.9 119.7,109.5 131.7,115 		"/>
+		<polygon class="st5" points="70.7,152.1 73.7,127.9 54.8,128.4 		"/>
+		<polygon class="st5" points="131.1,127.9 134,152.1 150,128.4 		"/>
+		<polygon class="st5" points="145.4,101.2 111.6,102.7 114.7,119.9 119.7,109.5 131.7,115 		"/>
+		<polygon class="st5" points="73.1,115 85.1,109.5 90,119.9 93.2,102.7 59.4,101.2 		"/>
+		<polygon class="st2" points="59.4,101.2 73.5,128.7 73.1,115 		"/>
+		<polygon class="st2" points="131.7,115 131.2,128.7 145.4,101.2 		"/>
+		<polygon class="st2" points="93.2,102.7 90,119.9 94,140.3 94.9,113.5 		"/>
+		<polygon class="st2" points="111.6,102.7 109.9,113.4 110.7,140.3 114.7,119.9 		"/>
+		<polygon class="st1" points="114.7,119.9 110.7,140.3 113.6,142.3 131.2,128.7 131.7,115 		"/>
+		<polygon class="st1" points="73.1,115 73.5,128.7 91.2,142.3 94,140.3 90,119.9 		"/>
+		<polygon class="st6" points="115.1,161.1 115.3,155.5 113.7,154.2 91,154.2 89.6,155.5 89.7,161.1 70.7,152.1 77.3,157.5 
+			90.8,166.8 113.9,166.8 127.4,157.5 134,152.1 		"/>
+		<polygon class="st4" points="113.6,142.3 110.7,140.3 94,140.3 91.2,142.3 89.6,155.5 91,154.2 113.7,154.2 115.3,155.5 		"/>
+		<polygon class="st7" points="174.1,72.6 179.1,48.2 171.5,25.6 113.6,68.2 135.9,86.9 167.4,96.1 174.3,88 171.3,85.8 176.1,81.5 
+			172.4,78.6 177.2,75 		"/>
+		<polygon class="st7" points="25.6,48.2 30.7,72.6 27.5,75 32.3,78.7 28.6,81.5 33.4,85.8 30.4,88 37.4,96.1 68.9,86.9 91.2,68.2 
+			33.2,25.6 		"/>
+		<polygon class="st1" points="167.4,96.1 135.9,86.9 145.4,101.2 131.2,128.7 150,128.4 178,128.4 		"/>
+		<polygon class="st1" points="68.9,86.9 37.4,96.1 26.9,128.4 54.8,128.4 73.5,128.7 59.4,101.2 		"/>
+		<polygon class="st1" points="111.6,102.7 113.6,68.2 122.7,43.7 82,43.7 91.2,68.2 93.2,102.7 94,113.5 94,140.3 110.7,140.3 
+			110.8,113.5 		"/>
+	</g>
+</g>
+</svg>
diff --git a/public/sms_dark copy.svg b/public/sms_dark copy.svg
new file mode 100644
index 00000000..1ebf3a6c
--- /dev/null
+++ b/public/sms_dark copy.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.5,3 C7.67157288,3 7,3.67157288 7,4.5 L7,19.5 C7,20.3284271 7.67157288,21 8.5,21 L15.5113578,21 C16.3397849,21 17.0113578,20.3284271 17.0113578,19.5 L17.0113578,4.5 C17.0113578,3.67157288 16.3397849,3 15.5113578,3 L15.4999997,3 C15.2238576,3 15,3.22385763 15,3.5 C15,4.32842712 14.3284271,5 13.5,5 L10.5,5 C9.67157288,5 9,4.32842712 9,3.5 C9,3.22385763 8.77614237,3 8.5,3 Z M9.91464715,3 C9.96992289,3.15638946 10,3.32468229 10,3.5 C10,3.77614237 10.2238576,4 10.5,4 L13.5,4 C13.7761424,4 14,3.77614237 14,3.5 C14,3.32468229 14.0300771,3.15638946 14.0853529,3 L9.91464715,3 L9.91464715,3 Z M6,4.5 C6,3.11928813 7.11928813,2 8.5,2 L15.5113578,2 C16.8920696,2 18.0113578,3.11928813 18.0113578,4.5 L18.0113578,19.5 C18.0113578,20.8807119 16.8920696,22 15.5113578,22 L8.5,22 C7.11928813,22 6,20.8807119 6,19.5 L6,4.5 Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/sms_light.svg b/public/sms_light.svg
new file mode 100644
index 00000000..6361c097
--- /dev/null
+++ b/public/sms_light.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#FFFF" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.5,3 C7.67157288,3 7,3.67157288 7,4.5 L7,19.5 C7,20.3284271 7.67157288,21 8.5,21 L15.5113578,21 C16.3397849,21 17.0113578,20.3284271 17.0113578,19.5 L17.0113578,4.5 C17.0113578,3.67157288 16.3397849,3 15.5113578,3 L15.4999997,3 C15.2238576,3 15,3.22385763 15,3.5 C15,4.32842712 14.3284271,5 13.5,5 L10.5,5 C9.67157288,5 9,4.32842712 9,3.5 C9,3.22385763 8.77614237,3 8.5,3 Z M9.91464715,3 C9.96992289,3.15638946 10,3.32468229 10,3.5 C10,3.77614237 10.2238576,4 10.5,4 L13.5,4 C13.7761424,4 14,3.77614237 14,3.5 C14,3.32468229 14.0300771,3.15638946 14.0853529,3 L9.91464715,3 L9.91464715,3 Z M6,4.5 C6,3.11928813 7.11928813,2 8.5,2 L15.5113578,2 C16.8920696,2 18.0113578,3.11928813 18.0113578,4.5 L18.0113578,19.5 C18.0113578,20.8807119 16.8920696,22 15.5113578,22 L8.5,22 C7.11928813,22 6,20.8807119 6,19.5 L6,4.5 Z"/>
+</svg>
\ No newline at end of file