diff --git a/packages/example/pages/index.tsx b/packages/example/pages/index.tsx
index 732eed5a..885c29c4 100644
--- a/packages/example/pages/index.tsx
+++ b/packages/example/pages/index.tsx
@@ -3,7 +3,7 @@ import { ensureLeading0x } from '@celo/utils/lib/address';
 import {
   Alfajores,
   Baklava,
-  Mainnet,
+  CeloMainnet,
   useContractKit,
 } from '@celo-tools/use-contractkit';
 import { BigNumber } from 'bignumber.js';
@@ -27,7 +27,7 @@ function truncateAddress(address: string) {
   return `${address.slice(0, 8)}...${address.slice(36)}`;
 }
 
-const networks = [Alfajores, Baklava, Mainnet];
+const networks = [Alfajores, Baklava, CeloMainnet];
 
 export default function Home(): React.ReactElement {
   const {
diff --git a/packages/use-contractkit/package.json b/packages/use-contractkit/package.json
index 65580e62..c117e963 100644
--- a/packages/use-contractkit/package.json
+++ b/packages/use-contractkit/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@celo-tools/use-contractkit",
-  "version": "1.2.0",
+  "name": "@poofcash/use-contractkit",
+  "version": "1.0.7-beta",
   "private": false,
   "scripts": {
     "build": "tsc -b && yarn run build-styles",
@@ -19,6 +19,7 @@
   "readme": "../../readme.md",
   "license": "MIT",
   "dependencies": {
+    "@celo-tools/celo-ethers-wrapper": "^0.0.5",
     "@celo/contractkit": "1.2.4",
     "@celo/utils": "1.2.4",
     "@celo/wallet-base": "1.2.4",
@@ -34,6 +35,7 @@
     "@walletconnect/client": "2.0.0-beta.0",
     "@walletconnect/types": "2.0.0-beta.0",
     "autoprefixer": "^10.2.6",
+    "ethers": "^5.4.6",
     "postcss": "^8.3.5",
     "qrcode.react": "^1.0.1",
     "react-device-detect": "^1.17.0",
diff --git a/packages/use-contractkit/src/components/AddCeloNetworkButton.tsx b/packages/use-contractkit/src/components/AddCeloNetworkButton.tsx
index a7f14094..416982cb 100644
--- a/packages/use-contractkit/src/components/AddCeloNetworkButton.tsx
+++ b/packages/use-contractkit/src/components/AddCeloNetworkButton.tsx
@@ -1,6 +1,12 @@
 import React from 'react';
 
-import { Alfajores, Baklava, Mainnet } from '../constants';
+import {
+  Alfajores,
+  Baklava,
+  CeloMainnet,
+  EthereumMainnet,
+  Kovan,
+} from '../constants';
 import { ChainId, Network } from '../types';
 
 const CELO_PARAMS = {
@@ -26,10 +32,26 @@ const BAKLAVA_PARAMS = {
   },
 };
 
+const ETHEREUM_PARAMS = {
+  chainName: 'Ethereum',
+  nativeCurrency: { name: 'Ethereum', symbol: 'ETH', decimals: 18 as const },
+};
+
+const KOVAN_PARAMS = {
+  chainName: 'Kovan',
+  nativeCurrency: {
+    name: 'Kovan Ethereum',
+    symbol: 'KETH',
+    decimals: 18 as const,
+  },
+};
+
 const params: { [chain in ChainId]: typeof CELO_PARAMS } = {
-  [ChainId.Mainnet]: CELO_PARAMS,
+  [ChainId.CeloMainnet]: CELO_PARAMS,
   [ChainId.Alfajores]: ALFAJORES_PARAMS,
   [ChainId.Baklava]: BAKLAVA_PARAMS,
+  [ChainId.EthereumMainnet]: ETHEREUM_PARAMS,
+  [ChainId.Kovan]: KOVAN_PARAMS,
 };
 
 interface AddEthereumChainParameter {
@@ -60,9 +82,11 @@ interface Props {
 }
 
 const NETWORKS = {
-  [ChainId.Mainnet]: Mainnet,
+  [ChainId.CeloMainnet]: CeloMainnet,
   [ChainId.Alfajores]: Alfajores,
   [ChainId.Baklava]: Baklava,
+  [ChainId.EthereumMainnet]: EthereumMainnet,
+  [ChainId.Kovan]: Kovan,
 };
 
 export const AddCeloNetworkButton: React.FC<Props> = ({ chainId }: Props) => {
diff --git a/packages/use-contractkit/src/components/ProviderSelect.tsx b/packages/use-contractkit/src/components/ProviderSelect.tsx
index 325190ec..7c77b4a9 100644
--- a/packages/use-contractkit/src/components/ProviderSelect.tsx
+++ b/packages/use-contractkit/src/components/ProviderSelect.tsx
@@ -1,4 +1,6 @@
 import React from 'react';
+import { isMobile } from 'react-device-detect';
+import { SupportedProviders } from '../constants';
 
 import { Provider } from '../types';
 
@@ -11,6 +13,25 @@ export const ProviderSelect: React.FC<Props> = ({
   provider,
   onClick,
 }: Props) => {
+  let title = (
+    <div className="tw-pb-1 tw-font-medium dark:tw-text-gray-300">
+      {provider.canConnect() ? provider.name : `Install ${provider.name}`}
+    </div>
+  );
+  if (
+    isMobile &&
+    [
+      SupportedProviders.MetaMask.toString(),
+      SupportedProviders.imToken.toString(),
+    ].includes(provider.name)
+  ) {
+    title = (
+      <div className="tw-pb-1 tw-font-medium dark:tw-text-gray-300">
+        {provider.canConnect() ? provider.name : `Open ${provider.name}`}
+      </div>
+    );
+  }
+
   return (
     <button
       className="tw-flex tw-flex-row tw-items-center tw-text-left tw-py-4 tw-pl-3 tw-pr-2 tw-w-80 md:tw-w-96 hover:tw-bg-gray-100 dark:hover:tw-bg-gray-700 tw-transition tw-rounded-md  focus:tw-outline-none"
@@ -37,9 +58,7 @@ export const ProviderSelect: React.FC<Props> = ({
         </span>
       </div>
       <div>
-        <div className="tw-pb-1 tw-font-medium dark:tw-text-gray-300">
-          {provider.canConnect() ? provider.name : `Install ${provider.name}`}
-        </div>
+        {title}
         <div className="tw-text-sm tw-text-gray-600 dark:tw-text-gray-400">
           {provider.description}
         </div>
diff --git a/packages/use-contractkit/src/connectors/connectors-by-name.ts b/packages/use-contractkit/src/connectors/connectors-by-name.ts
index 6a29a43e..1c1dbeb4 100644
--- a/packages/use-contractkit/src/connectors/connectors-by-name.ts
+++ b/packages/use-contractkit/src/connectors/connectors-by-name.ts
@@ -1,3 +1,4 @@
+import { isMobile } from 'react-device-detect';
 import { WalletTypes } from '../constants';
 import { Connector, Network } from '../types';
 import {
@@ -7,7 +8,9 @@ import {
   MetaMaskConnector,
   PrivateKeyConnector,
   UnauthenticatedConnector,
+  ValoraConnector,
   WalletConnectConnector,
+  CeloDanceConnector,
 } from './connectors';
 
 /**
@@ -23,9 +26,10 @@ export const CONNECTOR_TYPES: {
   [WalletTypes.MetaMask]: MetaMaskConnector,
   [WalletTypes.PrivateKey]: PrivateKeyConnector,
   [WalletTypes.Unauthenticated]: UnauthenticatedConnector,
-  [WalletTypes.Valora]: WalletConnectConnector,
+  [WalletTypes.Valora]: isMobile ? ValoraConnector : WalletConnectConnector,
   [WalletTypes.WalletConnect]: WalletConnectConnector,
   [WalletTypes.CeloDance]: WalletConnectConnector,
   [WalletTypes.CeloTerminal]: WalletConnectConnector,
   [WalletTypes.CeloWallet]: WalletConnectConnector,
+  [WalletTypes.CeloDance]: isMobile ? CeloDanceConnector : WalletConnectConnector,
 };
diff --git a/packages/use-contractkit/src/connectors/connectors.ts b/packages/use-contractkit/src/connectors/connectors.ts
index ad0c5d93..4604b7b3 100644
--- a/packages/use-contractkit/src/connectors/connectors.ts
+++ b/packages/use-contractkit/src/connectors/connectors.ts
@@ -6,6 +6,7 @@ import {
 } from '@celo/wallet-walletconnect';
 import { BigNumber } from 'bignumber.js';
 
+import { dappKitConfigKey, DappKitWallet } from '../dappkit-wallet';
 import { localStorageKeys, WalletTypes } from '../constants';
 import { ChainId, Connector, Network } from '../types';
 import { clearPreviousConfig } from '../utils/helpers';
@@ -155,9 +156,7 @@ export class InjectedConnector implements Connector {
     if (!ethereum) {
       throw new Error('Ethereum wallet not installed');
     }
-    this.type = ethereum.isMetaMask
-      ? WalletTypes.MetaMask
-      : WalletTypes.Injected;
+    this.type = WalletTypes.Injected;
     const web3 = new Web3(ethereum);
     void (await ethereum.request({ method: 'eth_requestAccounts' }));
 
@@ -356,3 +355,97 @@ export class WalletConnectConnector implements Connector {
     return wallet.close();
   }
 }
+
+export class ValoraConnector implements Connector {
+  public initialised = false;
+  public type = WalletTypes.Valora;
+  public kit: ContractKit;
+  public wallet: DappKitWallet;
+
+  get account(): string | null {
+    const storedConfig = localStorage.getItem(dappKitConfigKey);
+    let dappKitConfig = storedConfig ? JSON.parse(storedConfig) : null;
+    if (dappKitConfig) {
+      return dappKitConfig.phoneNumber;
+    }
+    return null;
+  }
+
+  constructor(private network: Network, dappName: string) {
+    localStorage.setItem(
+      localStorageKeys.lastUsedWalletType,
+      WalletTypes.Valora
+    );
+    localStorage.setItem(
+      localStorageKeys.lastUsedWalletArguments,
+      JSON.stringify([dappName])
+    );
+
+    this.wallet = new DappKitWallet(dappName, this.type);
+    this.kit = newKit(network.rpcUrl, this.wallet);
+    this.wallet.setKit(this.kit);
+  }
+
+  async initialise(): Promise<this> {
+    await this.wallet.init();
+
+    this.kit = newKit(this.network.rpcUrl, this.wallet);
+    this.kit.defaultAccount = this.wallet.getAccounts()[0];
+    this.wallet.setKit(this.kit);
+    this.initialised = true;
+
+    return this;
+  }
+
+  close(): void {
+    localStorage.removeItem(dappKitConfigKey);
+    return;
+  }
+}
+
+export class CeloDanceConnector implements Connector {
+  public initialised = false;
+  public type = WalletTypes.CeloDance;
+  public kit: ContractKit;
+  public wallet: DappKitWallet;
+
+  get account(): string | null {
+    const storedConfig = localStorage.getItem(dappKitConfigKey);
+    let dappKitConfig = storedConfig ? JSON.parse(storedConfig) : null;
+    if (dappKitConfig) {
+      return dappKitConfig.phoneNumber;
+    }
+    return null;
+  }
+
+  constructor(private network: Network, dappName: string) {
+    localStorage.setItem(
+      localStorageKeys.lastUsedWalletType,
+      WalletTypes.CeloDance
+    );
+    localStorage.setItem(
+      localStorageKeys.lastUsedWalletArguments,
+      JSON.stringify([dappName])
+    );
+
+    this.wallet = new DappKitWallet(dappName, this.type);
+    this.kit = newKit(network.rpcUrl, this.wallet);
+    this.wallet.setKit(this.kit);
+  }
+
+  async initialise(): Promise<this> {
+    await this.wallet.init();
+
+    this.kit = newKit(this.network.rpcUrl, this.wallet);
+    this.kit.defaultAccount = this.wallet.getAccounts()[0];
+    this.wallet.setKit(this.kit);
+    this.initialised = true;
+
+    return this;
+  }
+
+  close(): void {
+    localStorage.removeItem(dappKitConfigKey);
+    return;
+  }
+}
\ No newline at end of file
diff --git a/packages/use-contractkit/src/connectors/useWalletConnectConnector.ts b/packages/use-contractkit/src/connectors/useWalletConnectConnector.ts
index 2fa20bdc..67d99488 100644
--- a/packages/use-contractkit/src/connectors/useWalletConnectConnector.ts
+++ b/packages/use-contractkit/src/connectors/useWalletConnectConnector.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { Mainnet } from '../constants';
+import { CeloMainnet } from '../constants';
 import { Connector } from '../types';
 import { useContractKitInternal } from '../use-contractkit';
 import { WalletConnectConnector } from './connectors';
@@ -16,7 +16,7 @@ export function useWalletConnectConnector(
   useEffect(() => {
     let mounted = true;
     const initialiseConnection = async () => {
-      const isMainnet = network.name === Mainnet.name;
+      const isMainnet = network.name === CeloMainnet.name;
       const relayProvider = isMainnet
         ? 'wss://walletconnect.celo.org'
         : 'wss://walletconnect.celo-networks-dev.org';
diff --git a/packages/use-contractkit/src/constants.tsx b/packages/use-contractkit/src/constants.tsx
index 7eff3af9..fd334e12 100644
--- a/packages/use-contractkit/src/constants.tsx
+++ b/packages/use-contractkit/src/constants.tsx
@@ -6,6 +6,7 @@ import {
   CELO_DANCE,
   CHROME_EXTENSION_STORE,
   ETHEREUM,
+  IMTOKEN,
   LEDGER,
   METAMASK,
   PRIVATE_KEY,
@@ -25,9 +26,10 @@ export enum SupportedProviders {
   CeloTerminal = 'Celo Terminal',
   CeloWallet = 'Celo Wallet',
   CeloDance = 'CeloDance',
-  Injected = 'Injected',
+  Injected = 'Ethereum Web3',
   Ledger = 'Ledger',
   MetaMask = 'MetaMask',
+  imToken = 'imToken',
   PrivateKey = 'Private key',
   Valora = 'Valora',
   WalletConnect = 'WalletConnect',
@@ -46,6 +48,16 @@ export const PROVIDERS: {
     listPriority: () => 0,
     installURL: 'https://valoraapp.com/',
   },
+  [SupportedProviders.CeloExtensionWallet]: {
+    name: 'Celo Extension Wallet',
+    description: 'Use a wallet from the the Celo chrome extension',
+    icon: CHROME_EXTENSION_STORE,
+    canConnect: () => !!window.celo,
+    showInList: () => !isMobile,
+    listPriority: () => 0,
+    installURL:
+      'https://chrome.google.com/webstore/detail/celoextensionwallet/kkilomkmpmkbdnfelcpgckmpcaemjcdh/related',
+  },
   [SupportedProviders.WalletConnect]: {
     name: 'WalletConnect',
     description: 'Scan a QR code to connect your wallet',
@@ -68,7 +80,7 @@ export const PROVIDERS: {
     icon: CELO,
     canConnect: () => true,
     showInList: () => true,
-    listPriority: () => (!isMobile ? 0 : 1),
+    listPriority: () => 1,
   },
   [SupportedProviders.CeloTerminal]: {
     name: 'Celo Terminal',
@@ -81,7 +93,9 @@ export const PROVIDERS: {
   },
   [SupportedProviders.MetaMask]: {
     name: 'MetaMask',
-    description: (
+    description: isMobile ? (
+      'Open Ubeswap in your Metamask app'
+    ) : (
       <>
         Use the Metamask browser extension. Celo support is limited.{' '}
         <a
@@ -100,27 +114,36 @@ export const PROVIDERS: {
     ),
     icon: METAMASK,
     canConnect: () => !!window.ethereum?.isMetaMask,
-    showInList: () => !isMobile,
+    showInList: () => true,
     listPriority: () => 0,
     installURL: 'https://metamask.app.link/',
   },
-  [SupportedProviders.CeloExtensionWallet]: {
-    name: 'Celo Extension Wallet',
-    description: 'Use a wallet from the the Celo chrome extension',
-    icon: CHROME_EXTENSION_STORE,
-    canConnect: () => !!window.celo,
-    showInList: () => !isMobile,
-    listPriority: () => 1,
-    installURL:
-      'https://chrome.google.com/webstore/detail/celoextensionwallet/kkilomkmpmkbdnfelcpgckmpcaemjcdh/related',
+  [SupportedProviders.imToken]: {
+    name: 'imToken',
+    description: window.ethereum?.isImToken ? (
+      'Open Ubeswap in your imToken app'
+    ) : (
+      <>Connect with imToken</>
+    ),
+    icon: IMTOKEN,
+    canConnect: () => !!window.ethereum?.isImToken,
+    showInList: () => isMobile,
+    listPriority: () => (isMobile ? 0 : 1),
+    installURL: 'https://token.im/download',
   },
   [SupportedProviders.Injected]: {
     name: 'Ethereum Web3',
     description: 'Connect any Ethereum wallet to Celo',
     icon: ETHEREUM,
     canConnect: () => !!window.ethereum,
-    showInList: () => !!window.ethereum && !window.ethereum.isMetaMask,
-    listPriority: () => 1,
+    showInList: () => !!window.ethereum,
+    // Prioritize if window.ethereum is present but MetaMask is not
+    listPriority: () =>
+      window.ethereum &&
+      !window.ethereum?.isMetaMask &&
+      !window.ethereum?.isImToken
+        ? 0
+        : 1,
   },
   [SupportedProviders.PrivateKey]: {
     name: 'Private Key',
@@ -157,7 +180,9 @@ export const images = {
 export enum NetworkNames {
   Alfajores = 'Alfajores',
   Baklava = 'Baklava',
-  Mainnet = 'Mainnet',
+  CeloMainnet = 'CeloMainnet',
+  EthereumMainnet = 'EthereumMainnet',
+  Kovan = 'Kovan',
 }
 
 export const Alfajores = {
@@ -176,12 +201,32 @@ export const Baklava = {
   chainId: ChainId.Baklava,
 } as const;
 
-export const Mainnet = {
-  name: NetworkNames.Mainnet,
+export const CeloMainnet = {
+  name: NetworkNames.CeloMainnet,
   rpcUrl: 'https://forno.celo.org',
   graphQl: 'https://explorer.celo.org/graphiql',
   explorer: 'https://explorer.celo.org',
-  chainId: ChainId.Mainnet,
+  chainId: ChainId.CeloMainnet,
+} as const;
+
+export const EthereumMainnet = {
+  name: NetworkNames.EthereumMainnet,
+  rpcUrl:
+    process.env.ETHEREUM_RPC_URL ||
+    process.env.REACT_APP_ETHEREUM_RPC_URL ||
+    '',
+  graphQl: 'https://blockscout.com/eth/mainnet/graphiql',
+  explorer: 'https://etherscan.io',
+  chainId: ChainId.EthereumMainnet,
+} as const;
+
+export const Kovan = {
+  name: NetworkNames.Kovan,
+  rpcUrl:
+    process.env.KOVAN_RPC_URL || process.env.REACT_APP_KOVAN_RPC_URL || '',
+  graphQl: 'https://blockscout.com/eth/mainnet/graphiql', // TODO: Find graphql for Kovan
+  explorer: 'https://kovan.etherscan.io',
+  chainId: ChainId.Kovan,
 } as const;
 
 export enum WalletTypes {
@@ -220,9 +265,15 @@ export const getProviderForWallet = (
 /**
  * Default networks to connect to.
  */
-export const DEFAULT_NETWORKS = [Mainnet, Alfajores, Baklava];
+export const DEFAULT_NETWORKS = [
+  CeloMainnet,
+  Alfajores,
+  Baklava,
+  EthereumMainnet,
+  Kovan,
+];
 
 /**
  * Chain ID of a default network.
  */
-export type DefaultChainId = ChainId.Mainnet | ChainId.Alfajores;
+export type DefaultChainId = ChainId.CeloMainnet | ChainId.Alfajores;
diff --git a/packages/use-contractkit/src/contract-kit-provider.tsx b/packages/use-contractkit/src/contract-kit-provider.tsx
index f3f223ac..20d03f60 100644
--- a/packages/use-contractkit/src/contract-kit-provider.tsx
+++ b/packages/use-contractkit/src/contract-kit-provider.tsx
@@ -7,7 +7,7 @@ import React, {
 } from 'react';
 
 import { CONNECTOR_TYPES, UnauthenticatedConnector } from './connectors';
-import { DEFAULT_NETWORKS, Mainnet } from './constants';
+import { DEFAULT_NETWORKS, CeloMainnet } from './constants';
 import {
   Actions,
   ActionsMap,
@@ -49,7 +49,7 @@ type ContractKitContextInterface = readonly [
 ];
 
 const initialState = {
-  connector: new UnauthenticatedConnector(Mainnet),
+  connector: new UnauthenticatedConnector(CeloMainnet),
   connectorInitError: null,
   dapp: {
     name: 'Celo dApp',
@@ -57,7 +57,7 @@ const initialState = {
     url: 'https://celo.org',
     icon: 'https://celo.org/favicon.ico',
   },
-  network: Mainnet,
+  network: CeloMainnet,
   networks: DEFAULT_NETWORKS,
   pendingActionCount: 0,
   address: null,
@@ -90,7 +90,7 @@ export const ContractKitProvider: React.FC<ContractKitProviderProps> = ({
   connectModal,
   actionModal,
   dapp,
-  network = Mainnet,
+  network = CeloMainnet,
   networks = DEFAULT_NETWORKS,
 }: ContractKitProviderProps) => {
   const isMountedRef = useIsMounted();
diff --git a/packages/use-contractkit/src/dappkit-wallet/dappkit.ts b/packages/use-contractkit/src/dappkit-wallet/dappkit.ts
new file mode 100644
index 00000000..1f61bf61
--- /dev/null
+++ b/packages/use-contractkit/src/dappkit-wallet/dappkit.ts
@@ -0,0 +1,148 @@
+import { CeloTx } from '@celo/connect';
+import { ContractKit } from '@celo/contractkit';
+import {
+  AccountAuthRequest,
+  AccountAuthResponseSuccess,
+  DappKitRequestMeta,
+  DappKitRequestTypes,
+  DappKitResponseStatus,
+  DAPPKIT_BASE_HOST,
+  parseDappkitResponseDeeplink,
+  serializeDappKitRequestDeeplink,
+  SignTxRequest,
+  SignTxResponseSuccess,
+  TxToSignParam,
+} from '@celo/utils';
+import { WalletTypes } from '../constants';
+
+import Linking from './linking';
+
+export {
+  AccountAuthRequest,
+  DappKitRequestMeta,
+  serializeDappKitRequestDeeplink,
+  SignTxRequest,
+} from '@celo/utils';
+
+const CELO_DANCE_HOST = 'celo://wallet/dappkit/celodance';
+
+export const valoraLocalStorageKey = 'use-contractkit/dappkit';
+// hack to get around deeplinking issue where new tabs are opened
+// and the url hash state is not respected (Note this implementation
+// of dappkit doesn't use URL hashes to always force the newtab experience).
+const checkUrlValora = (onTrue?: () => any) => {
+  if (typeof window !== 'undefined') {
+    const nonHashUrl = window.location.href.replace('/#', '');
+    const params = new URL(nonHashUrl).searchParams;
+    if (params.get('type') && params.get('requestId')) {
+      localStorage.setItem(valoraLocalStorageKey, nonHashUrl);
+      onTrue && onTrue();
+    }
+  }
+};
+
+if (typeof window !== 'undefined') {
+  checkUrlValora(window.close);
+}
+
+function clearParams() {
+  const whereQuery = window.location.href.indexOf('?');
+  if (whereQuery) {
+    window.location.href = window.location.href.substring(0, whereQuery);
+  }
+}
+
+async function waitForResponse() {
+  for (;;) {
+    let value = localStorage.getItem(valoraLocalStorageKey);
+    if (!value) {
+      checkUrlValora(clearParams);
+      value = localStorage.getItem(valoraLocalStorageKey);
+    }
+    if (value) {
+      return value;
+    }
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+  }
+}
+
+export async function waitForAccountAuth(
+  requestId: string
+): Promise<AccountAuthResponseSuccess> {
+  const url = await waitForResponse();
+  const dappKitResponse = parseDappkitResponseDeeplink(url);
+  if (
+    requestId === dappKitResponse.requestId &&
+    dappKitResponse.type === DappKitRequestTypes.ACCOUNT_ADDRESS &&
+    dappKitResponse.status === DappKitResponseStatus.SUCCESS
+  ) {
+    return dappKitResponse;
+  }
+  if(requestId.endsWith(WalletTypes.CeloDance)){
+    throw new Error('Unable to parse CeloDance response');
+  }else{
+    throw new Error('Unable to parse Valora response');
+  }
+}
+
+export async function waitForSignedTxs(
+  requestId: string
+): Promise<SignTxResponseSuccess> {
+  const url = await waitForResponse();
+
+  const dappKitResponse = parseDappkitResponseDeeplink(url);
+  if (
+    requestId === dappKitResponse.requestId &&
+    dappKitResponse.type === DappKitRequestTypes.SIGN_TX &&
+    dappKitResponse.status === DappKitResponseStatus.SUCCESS
+  ) {
+    return dappKitResponse;
+  }
+
+  console.warn('Unable to parse url', url);
+  if(requestId.endsWith(WalletTypes.CeloDance)){
+    throw new Error('Unable to parse CeloDance response');
+  }else{
+    throw new Error('Unable to parse Valora response');
+  }
+}
+
+export function requestAccountAddress(meta: DappKitRequestMeta): void {
+  localStorage.removeItem(valoraLocalStorageKey);
+
+  const deepLink = serializeDappKitRequestDeeplink(AccountAuthRequest(meta));
+  if (meta.requestId.endsWith(WalletTypes.CeloDance)) {
+    Linking.openURL(deepLink.replace(DAPPKIT_BASE_HOST, CELO_DANCE_HOST));
+  } else {
+    Linking.openURL(deepLink);
+  }
+}
+
+export async function requestTxSig(
+  kit: ContractKit,
+  txParams: CeloTx[],
+  meta: DappKitRequestMeta
+): Promise<void> {
+  localStorage.removeItem(valoraLocalStorageKey);
+
+  const baseNonce = await kit.connection.nonce(txParams[0]?.from as string);
+  const txs = txParams.map((txParam: CeloTx, index: number) => {
+    const value = txParam.value === undefined ? '0' : txParam.value;
+    return {
+      txData: txParam.data,
+      estimatedGas: txParam.gas ?? 150000,
+      nonce: baseNonce + index,
+      feeCurrencyAddress: undefined,
+      value,
+      ...txParam,
+    } as unknown as TxToSignParam;
+  });
+
+  const request = SignTxRequest(txs, meta);
+  const deepLink = serializeDappKitRequestDeeplink(request);
+  if (meta.requestId.endsWith(WalletTypes.CeloDance)) {
+    Linking.openURL(deepLink.replace(DAPPKIT_BASE_HOST, CELO_DANCE_HOST));
+  } else {
+    Linking.openURL(deepLink);
+  }
+}
diff --git a/packages/use-contractkit/src/dappkit-wallet/index.ts b/packages/use-contractkit/src/dappkit-wallet/index.ts
new file mode 100644
index 00000000..bf4f0e6a
--- /dev/null
+++ b/packages/use-contractkit/src/dappkit-wallet/index.ts
@@ -0,0 +1,122 @@
+import { CeloTx, EncodedTransaction, Signer } from '@celo/connect';
+import { ContractKit } from '@celo/contractkit';
+import { EIP712TypedData } from '@celo/utils/lib/sign-typed-data-utils';
+import { RemoteWallet } from '@celo/wallet-remote';
+import { WalletTypes } from '../constants';
+import {
+  requestAccountAddress,
+  requestTxSig,
+  waitForAccountAuth,
+  waitForSignedTxs,
+} from './dappkit';
+
+export const dappKitConfigKey = 'use-contractkit/dappkitconfig';
+
+export class DappKitSigner implements Signer {
+  constructor(protected account: string) {}
+
+  // eslint-disable-next-line @typescript-eslint/require-await
+  async signTransaction(): Promise<{ v: number; r: Buffer; s: Buffer }> {
+    throw new Error('signTransaction unimplemented; use signRawTransaction');
+  }
+
+  // eslint-disable-next-line @typescript-eslint/require-await
+  async signTypedData(
+    _: EIP712TypedData
+  ): Promise<{ v: number; r: Buffer; s: Buffer }> {
+    throw new Error('signTypedData() not supported by DappKit wallet');
+  }
+
+  // eslint-disable-next-line @typescript-eslint/require-await
+  async signPersonalMessage(
+    _data: string
+  ): Promise<{ v: number; r: Buffer; s: Buffer }> {
+    throw new Error('signPersonalMessage() not supported by DappKit wallet');
+  }
+
+  getNativeKey = (): string => this.account;
+
+  // eslint-disable-next-line @typescript-eslint/require-await
+  async decrypt(_ciphertext: Buffer): Promise<Buffer> {
+    throw new Error('decrypt() not supported by DappKit wallet');
+  }
+
+  computeSharedSecret(_publicKey: string): Promise<Buffer> {
+    throw new Error('computeSharedSecret() not supported by DappKit wallet');
+  }
+}
+
+const randomString = () => (Math.random() * 100).toString().slice(0, 6);
+
+export class DappKitWallet extends RemoteWallet<DappKitSigner> {
+  private kit?: ContractKit;
+
+  constructor(protected dappName: string, protected walletTypes: WalletTypes) {
+    super();
+  }
+
+  async loadAccountSigners(): Promise<Map<string, DappKitSigner>> {
+    const addressToSigner = new Map<string, DappKitSigner>();
+
+    const storedConfig = localStorage.getItem(dappKitConfigKey);
+    let dappKitConfig = storedConfig ? JSON.parse(storedConfig) : null;
+    if (!dappKitConfig) {
+      const requestId = `login-${randomString()}-${this.walletTypes}`;
+      requestAccountAddress({
+        requestId,
+        dappName: this.dappName,
+        callback: window.location.href,
+      });
+      const dappkitResponse = await waitForAccountAuth(requestId);
+      dappKitConfig = {
+        address: dappkitResponse.address,
+        phoneNumber: dappkitResponse.phoneNumber,
+      };
+      localStorage.setItem(dappKitConfigKey, JSON.stringify(dappKitConfig));
+    }
+
+    addressToSigner.set(
+      dappKitConfig.address,
+      new DappKitSigner(dappKitConfig.address)
+    );
+    return addressToSigner;
+  }
+
+  setKit(kit: ContractKit): void {
+    this.kit = kit;
+  }
+
+  /**
+   * Override hasAccount for the DappKit wallet as we
+   * want to always send users to Valora
+   */
+  hasAccount = (): boolean => true;
+
+  /**
+   * Gets the signer based on the 'from' field in the tx body
+   * @param txParams Transaction to sign
+   * @dev overrides WalletBase.signTransaction
+   */
+  override async signTransaction(
+    txParams: CeloTx
+  ): Promise<EncodedTransaction> {
+    if (!this.kit) {
+      throw new Error('Must call setKit before using dappKit wallet');
+    }
+
+    const requestId = `signTransaction-${randomString()}-${this.walletTypes}`;
+    await requestTxSig(this.kit, [txParams], {
+      requestId,
+      dappName: this.dappName,
+      callback: window.location.href,
+    });
+
+    const dappkitResponse = await waitForSignedTxs(requestId);
+    const raw = dappkitResponse.rawTxs[0];
+    if (!raw) {
+      throw new Error('Raw TX not present');
+    }
+
+    return { raw, tx: undefined as unknown as EncodedTransaction['tx'] };
+  }
+}
diff --git a/packages/use-contractkit/src/dappkit-wallet/linking.ts b/packages/use-contractkit/src/dappkit-wallet/linking.ts
new file mode 100644
index 00000000..2a37b97d
--- /dev/null
+++ b/packages/use-contractkit/src/dappkit-wallet/linking.ts
@@ -0,0 +1,31 @@
+import EventEmitter from 'events';
+
+class Linking {
+  protected emitter: EventEmitter;
+
+  constructor() {
+    this.emitter = new EventEmitter();
+  }
+
+  emit(event: string, value: unknown) {
+    this.emitter.emit(event, value);
+  }
+
+  addEventListener(event: string, callback: Parameters<EventEmitter['on']>[1]) {
+    this.emitter.on(event, callback);
+  }
+
+  removeEventListener(
+    event: string,
+    callback: Parameters<EventEmitter['on']>[1]
+  ) {
+    this.emitter.off(event, callback);
+  }
+
+  openURL(url: string) {
+    window.location.href = url;
+  }
+}
+
+const linking = new Linking();
+export default linking;
diff --git a/packages/use-contractkit/src/global.d.ts b/packages/use-contractkit/src/global.d.ts
index 34855757..e3265cec 100644
--- a/packages/use-contractkit/src/global.d.ts
+++ b/packages/use-contractkit/src/global.d.ts
@@ -16,6 +16,7 @@ declare global {
 interface Ethereum extends Exclude<AbstractProvider, 'request'> {
   on: AddEthereumEventListener;
   isMetaMask?: boolean;
+  isImToken?: boolean;
   request: EthereumRequest;
   enable: () => Promise<void>;
 }
diff --git a/packages/use-contractkit/src/screens/celo-dance.tsx b/packages/use-contractkit/src/screens/celo-dance.tsx
index c213b1a1..fef02d95 100644
--- a/packages/use-contractkit/src/screens/celo-dance.tsx
+++ b/packages/use-contractkit/src/screens/celo-dance.tsx
@@ -1,53 +1,55 @@
-import QrCode from 'qrcode.react';
-import React from 'react';
-import { isMobile } from 'react-device-detect';
+import React, { useCallback, useEffect } from 'react';
 import Loader from 'react-loader-spinner';
 
-import { CopyText } from '../components';
-import { useWalletConnectConnector } from '../connectors/useWalletConnectConnector';
+import { AddCeloNetworkButton } from '../components/AddCeloNetworkButton';
+import { CeloDanceConnector, UnsupportedChainIdError } from '../connectors';
 import { Connector } from '../types';
+import { useContractKitInternal } from '../use-contractkit';
 
 interface Props {
   onSubmit: (connector: Connector) => void;
 }
 
-const getDeepLink = (uri: string) => {
-  return `celo://wallet/wc?uri=${uri}`;
-};
-
 export const CeloDance: React.FC<Props> = ({ onSubmit }: Props) => {
-  const uri = useWalletConnectConnector(onSubmit, isMobile, getDeepLink);
+  const {
+    network,
+    initConnector,
+    initError: error,
+    dapp,
+  } = useContractKitInternal();
 
-  return (
-    <div className="tw-flex tw-flex-col tw-items-center">
-      <h1 className="tw-text-lg dark:tw-text-gray-200 tw-font-medium">
-        CeloDance
-      </h1>
-      <div className="tw-w-64 md:w-80 tw-text-gray-600 dark:tw-text-gray-400 tw-text-sm tw-mt-2 tw-text-center">
-        Scan the QR code below or copy-paste the information into your wallet.
-      </div>
+  const initialiseConnection = useCallback(async () => {
+    const connector = new CeloDanceConnector(network, dapp.name);
+    try {
+      await initConnector(connector);
+      onSubmit(connector);
+    } catch (e) {
+      console.error(e);
+    }
+  }, [initConnector, network, onSubmit, dapp.name]);
 
-      <div className="tw-mt-6">
-        {uri ? (
-          <>
-            <div>
-              <QrCode value={uri} size={isMobile ? 180 : 240} />
-              <div className="tw-mt-6 tw-flex tw-items-center tw-justify-center">
-                <CopyText text="Copy to clipboard" payload={uri} />
-              </div>
-            </div>
-          </>
-        ) : (
-          <div className="tw-my-8 tw-flex tw-items-center tw-justify-center">
-            <Loader
-              type="TailSpin"
-              color="#666666"
-              height="60px"
-              width="60px"
-            />
-          </div>
-        )}
+  useEffect(() => {
+    void initialiseConnection();
+  }, [initialiseConnection]);
+
+  if (error?.name === UnsupportedChainIdError.NAME) {
+    return (
+      <div className="tw-flex tw-items-center tw-justify-center tw-flex-col">
+        <p className="tw-text-red-500 tw-pb-4">
+          Please connect to the Celo network to continue.
+        </p>
+        <AddCeloNetworkButton chainId={network.chainId} />
       </div>
+    );
+  }
+
+  return (
+    <div className="tw-flex tw-items-center tw-justify-center">
+      {error ? (
+        <p className="tw-text-red-500 tw-pb-4">{error.message}</p>
+      ) : (
+        <Loader type="TailSpin" color="white" height="36px" width="36px" />
+      )}
     </div>
   );
 };
diff --git a/packages/use-contractkit/src/screens/index.ts b/packages/use-contractkit/src/screens/index.ts
index 31b75fae..500ec4c7 100644
--- a/packages/use-contractkit/src/screens/index.ts
+++ b/packages/use-contractkit/src/screens/index.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { isMobile } from 'react-device-detect';
 
 import { SupportedProviders } from '../constants';
 import { Connector } from '../types';
@@ -14,12 +15,13 @@ import { WalletConnect } from './wallet-connect';
 export const defaultScreens: {
   [P in SupportedProviders]: React.FC<ConnectorProps>;
 } = {
-  [SupportedProviders.Valora]: Valora,
+  [SupportedProviders.Valora]: isMobile ? Valora : WalletConnect,
   [SupportedProviders.MetaMask]: MetaMaskWallet,
+  [SupportedProviders.imToken]: MetaMaskWallet,
   [SupportedProviders.WalletConnect]: WalletConnect,
   [SupportedProviders.Ledger]: Ledger,
   [SupportedProviders.CeloWallet]: CeloWallet,
-  [SupportedProviders.CeloDance]: CeloDance,
+  [SupportedProviders.CeloDance]: isMobile ? CeloDance : WalletConnect,
   [SupportedProviders.CeloTerminal]: WalletConnect,
   [SupportedProviders.CeloExtensionWallet]: CeloExtensionWallet,
   [SupportedProviders.Injected]: MetaMaskWallet,
diff --git a/packages/use-contractkit/src/screens/valora.tsx b/packages/use-contractkit/src/screens/valora.tsx
index 6e860e25..9e98126a 100644
--- a/packages/use-contractkit/src/screens/valora.tsx
+++ b/packages/use-contractkit/src/screens/valora.tsx
@@ -1,45 +1,55 @@
-import QrCode from 'qrcode.react';
-import React from 'react';
-import { isMobile } from 'react-device-detect';
+import React, { useCallback, useEffect } from 'react';
 import Loader from 'react-loader-spinner';
+import { AddCeloNetworkButton } from '../components/AddCeloNetworkButton';
+import { UnsupportedChainIdError, ValoraConnector } from '../connectors';
 
-import { useWalletConnectConnector } from '../connectors/useWalletConnectConnector';
 import { Connector } from '../types';
+import { useContractKitInternal } from '../use-contractkit';
 
 interface Props {
   onSubmit: (connector: Connector) => void;
 }
 
-const getDeepLink = (uri: string) => {
-  return `celo://wallet/wc?uri=${uri}`;
-};
-
 export const Valora: React.FC<Props> = ({ onSubmit }: Props) => {
-  const uri = useWalletConnectConnector(onSubmit, isMobile, getDeepLink);
+  const {
+    network,
+    initConnector,
+    initError: error,
+    dapp,
+  } = useContractKitInternal();
 
-  return (
-    <div className="tw-flex tw-flex-col tw-items-center">
-      <h1 className="tw-text-lg dark:tw-text-gray-200 tw-font-medium">
-        Valora
-      </h1>
-      <div className="tw-w-64 tw-text-gray-600 dark:tw-text-gray-400 tw-text-sm tw-mt-2 tw-text-center">
-        {`Opening Valora Wallet. If it doesn't open, you can scan this QR code.`}
-      </div>
+  const initialiseConnection = useCallback(async () => {
+    const connector = new ValoraConnector(network, dapp.name);
+    try {
+      await initConnector(connector);
+      onSubmit(connector);
+    } catch (e) {
+      console.error(e);
+    }
+  }, [initConnector, network, onSubmit, dapp.name]);
 
-      <div className="tw-mt-6 tw-mb-2">
-        {uri ? (
-          <QrCode value={uri} size={180} />
-        ) : (
-          <div className="tw-my-8 tw-flex tw-items-center tw-justify-center">
-            <Loader
-              type="TailSpin"
-              color="#666666"
-              height="60px"
-              width="60px"
-            />
-          </div>
-        )}
+  useEffect(() => {
+    void initialiseConnection();
+  }, [initialiseConnection]);
+
+  if (error?.name === UnsupportedChainIdError.NAME) {
+    return (
+      <div className="tw-flex tw-items-center tw-justify-center tw-flex-col">
+        <p className="tw-text-red-500 tw-pb-4">
+          Please connect to the Celo network to continue.
+        </p>
+        <AddCeloNetworkButton chainId={network.chainId} />
       </div>
+    );
+  }
+
+  return (
+    <div className="tw-flex tw-items-center tw-justify-center">
+      {error ? (
+        <p className="tw-text-red-500 tw-pb-4">{error.message}</p>
+      ) : (
+        <Loader type="TailSpin" color="white" height="36px" width="36px" />
+      )}
     </div>
   );
 };
diff --git a/packages/use-contractkit/src/types.ts b/packages/use-contractkit/src/types.ts
index 96d83e17..e7a413a2 100644
--- a/packages/use-contractkit/src/types.ts
+++ b/packages/use-contractkit/src/types.ts
@@ -9,7 +9,9 @@ import { NetworkNames, WalletTypes } from './constants';
 export enum ChainId {
   Alfajores = 44787,
   Baklava = 62320,
-  Mainnet = 42220,
+  CeloMainnet = 42220,
+  EthereumMainnet = 1,
+  Kovan = 42,
 }
 
 /**
@@ -18,7 +20,7 @@ export enum ChainId {
 export interface Network {
   name: NetworkNames;
   rpcUrl: string;
-  graphQl: string;
+  graphQl?: string;
   explorer: string;
   chainId: ChainId;
 }
diff --git a/packages/use-contractkit/src/utils/helpers.ts b/packages/use-contractkit/src/utils/helpers.ts
index 1e2a2c27..111c48c0 100644
--- a/packages/use-contractkit/src/utils/helpers.ts
+++ b/packages/use-contractkit/src/utils/helpers.ts
@@ -2,7 +2,7 @@ import { CONNECTOR_TYPES, UnauthenticatedConnector } from '../connectors';
 import {
   DEFAULT_NETWORKS,
   localStorageKeys,
-  Mainnet,
+  CeloMainnet,
   NetworkNames,
   WalletTypes,
 } from '../constants';
@@ -13,7 +13,7 @@ export const loadPreviousConfig = (): {
   network: Network;
   connector: Connector;
 } => {
-  let lastUsedNetworkName: NetworkNames = Mainnet.name;
+  let lastUsedNetworkName: NetworkNames = CeloMainnet.name;
   let lastUsedAddress: string | null = null;
   let lastUsedWalletType: WalletTypes = WalletTypes.Unauthenticated;
   let lastUsedWalletArguments: unknown[] = [];
@@ -49,7 +49,7 @@ export const loadPreviousConfig = (): {
   }
 
   const lastUsedNetwork =
-    DEFAULT_NETWORKS.find((n) => n.name === lastUsedNetworkName) ?? Mainnet;
+    DEFAULT_NETWORKS.find((n) => n.name === lastUsedNetworkName) ?? CeloMainnet;
 
   let initialConnector: Connector;
   if (lastUsedWalletType) {
diff --git a/packages/use-contractkit/src/walletIcons.tsx b/packages/use-contractkit/src/walletIcons.tsx
index 7c34bfb8..76762bad 100644
--- a/packages/use-contractkit/src/walletIcons.tsx
+++ b/packages/use-contractkit/src/walletIcons.tsx
@@ -523,3 +523,36 @@ export const CELO_DANCE: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     </g>
   </svg>
 );
+
+export const IMTOKEN: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 45 45"
+    fillRule="evenodd"
+    clipRule="evenodd"
+    strokeLinejoin="round"
+    strokeMiterlimit="2"
+    {...props}
+  >
+    <g transform="matrix(1,0,0,1,-1695.7,-1102.78)">
+      <g transform="matrix(1,0,0,1,1377.42,695.739)">
+        <g transform="matrix(1,0,0,1,340.317,407.039)">
+          <path
+            d="M0,44.066C-12.168,44.066 -22.032,34.201 -22.032,22.033C-22.032,9.864 -12.168,0 0,0C12.169,0 22.033,9.864 22.033,22.033C22.033,34.201 12.169,44.066 0,44.066"
+            fill="white"
+            fillRule="nonzero"
+          />
+        </g>
+      </g>
+      <g transform="matrix(1,0,0,1,1377.42,695.739)">
+        <g transform="matrix(1,0,0,1,351.68,431.203)">
+          <path
+            d="M0,-3.404C-1.336,2.679 -6.146,6.107 -10.825,7.031C-12.575,7.367 -14.32,7.349 -15.955,6.99C-19.716,6.191 -22.78,3.645 -23.493,-0.04C-24.341,-4.409 -21.712,-6.629 -19.527,-7.026C-17.245,-7.461 -15.195,-6.137 -14.821,-4.3C-14.502,-2.559 -15.548,-1.627 -16.347,-1.481C-16.978,-1.356 -17.792,-1.656 -17.954,-2.419C-18.08,-3.103 -17.814,-3.205 -17.977,-3.915C-18.035,-4.252 -18.172,-4.5 -18.344,-4.675C-18.796,-5.167 -19.579,-5.111 -20.039,-4.935C-20.553,-4.75 -21.745,-4.047 -21.464,-1.869C-21.403,-1.388 -21.228,-0.937 -21.008,-0.549C-20.889,-0.345 -20.753,-0.152 -20.581,0.015C-20.518,0.112 -20.436,0.191 -20.328,0.279C-19.353,1.199 -17.832,1.64 -16.101,1.311C-15.577,1.224 -15.063,1.029 -14.612,0.826C-12.481,-0.184 -11.214,-2.384 -11.359,-5.062C-11.371,-5.231 -11.364,-5.383 -11.296,-5.545C-11.261,-5.616 -11.244,-5.661 -11.201,-5.751C-11.122,-5.868 -11.07,-5.967 -10.975,-6.101C-10.904,-6.174 -10.808,-6.291 -10.729,-6.389C-9.845,-7.383 -7.178,-9.469 -3.976,-10.344L-3.958,-10.344C-3.417,-10.505 -2.813,-10.646 -2.218,-10.709C-1.604,-10.762 -1.008,-10.771 -0.384,-10.718C-0.34,-10.718 -0.286,-10.702 -0.268,-10.684C-0.108,-10.722 0.01,-10.591 0.065,-10.422C0.124,-10.093 0.163,-9.756 0.198,-9.419C0.434,-7.169 0.393,-5.174 0,-3.404"
+            fill="rgb(239,67,104)"
+            fillRule="nonzero"
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+);