diff --git a/docs/src/lib/components/examples/ConnectWallet.svelte b/docs/src/lib/components/examples/ConnectWallet.svelte
deleted file mode 100644
index 55d8fcd07..000000000
--- a/docs/src/lib/components/examples/ConnectWallet.svelte
+++ /dev/null
@@ -1,104 +0,0 @@
-<script lang="ts">
-  import { Chip } from '@svelteness/kit-docs'
-
-  import Onboard from '@web3-onboard/core'
-  import injectedModule from '@web3-onboard/injected-wallets'
-
-  const INFURA_ID = 'e0b15c21b7d54cd4814586334af72618'
-
-  const injected = injectedModule()
-
-  const onboard = Onboard({
-    wallets: [injected],
-    chains: [
-      {
-        id: '0x1',
-        token: 'ETH',
-        label: 'Ethereum Mainnet',
-        rpcUrl: `https://mainnet.infura.io/v3/${INFURA_ID}`
-      },
-      {
-        id: '0x3',
-        token: 'tROP',
-        label: 'Ethereum Ropsten Testnet',
-        rpcUrl: `https://ropsten.infura.io/v3/${INFURA_ID}`
-      }
-    ],
-    appMetadata: {
-      name: 'Documentation',
-      icon: '<svg></svg>',
-      description: 'Example showcasing how to connect a wallet.',
-      recommendedInjectedWallets: [
-        { name: 'MetaMask', url: 'https://metamask.io' },
-        { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }
-      ]
-    },
-    accountCenter: { desktop: { enabled: false }, mobile: { enabled: false } }
-  })
-
-  const trunc = (address: string) =>
-    address ? address.slice(0, 6) + '...' + address.slice(-6) : null
-
-  let connecting = false
-
-  // Subscribe to wallet updates
-  const wallets$ = onboard.state.select('wallets')
-
-  // The first wallet in the array of connected wallets
-  $: connectedAccount = $wallets$?.[0]?.accounts?.[0]
-
-  async function connectWallet() {
-    if ($wallets$?.[0]?.provider) {
-      onboard.disconnectWallet({ label: $wallets$?.[0]?.label })
-    } else {
-      connecting = true
-      await onboard.connectWallet()
-      connecting = false
-    }
-  }
-
-  $: buttonText = $wallets$?.[0]?.provider ? 'Disconnect' : connecting ? 'Connecting' : 'Connect'
-
-  $: account = connectedAccount?.ens?.name
-    ? {
-        ens: connectedAccount?.ens,
-        address: trunc(connectedAccount?.address)
-      }
-    : { address: trunc(connectedAccount?.address) }
-</script>
-
-<div class="flex items-center justify-center border-gray-divider border rounded-md h-40 p-4">
-  {#if $wallets$?.[0]?.provider}
-    <div
-      class="flex items-center w-full px-3 py-2 border border-gray-divider bg-gray-elevate text-gray-inverse rounded-md"
-    >
-      <div class="w-9 h-9 rounded-full overflow-hidden mr-2">
-        {#if account?.ens?.avatar?.url}
-          <img src={account?.ens?.avatar?.url} alt="" />
-        {:else}
-          <div class="bg-gradient-to-r from-cyan-500 to-blue-500 w-full h-full" />
-        {/if}
-      </div>
-      <div>
-        <div class="">
-          {account?.ens ? `${account?.ens?.name} (${account?.address})` : `${account?.address}`}
-        </div>
-        <div class=" text-sm">Connected to <Chip>{$wallets$?.[0]?.label}</Chip></div>
-      </div>
-
-      <button
-        class="ml-auto rounded-lg bg-gray-inverse hover:bg-gray-hover hover:text-gray-inverse transition-all px-4 h-10 text-base text-gray-current"
-        on:click={connectWallet}
-      >
-        {buttonText}
-      </button>
-    </div>
-  {:else}
-    <button
-      class=" rounded-lg bg-gray-inverse hover:bg-gray-hover hover:text-gray-inverse transition-all px-4 h-10 text-base text-gray-current"
-      on:click={connectWallet}
-    >
-      {buttonText}
-    </button>
-  {/if}
-</div>
diff --git a/docs/src/lib/components/examples/ReactConnectWallet.md b/docs/src/lib/components/examples/ReactConnectWallet.md
deleted file mode 100644
index 12d9161fb..000000000
--- a/docs/src/lib/components/examples/ReactConnectWallet.md
+++ /dev/null
@@ -1,143 +0,0 @@
-
-## Step 1: Import + Configure
-
-Import the libraries and any wallets you would like to use. For this example, we are going to use the injected wallets module. You can easily add more wallet support to your dapp via our other wallet modules. Additionally, we'll setup web3-onboard to support 2 chains: Ethereum mainnet and Polygon mainnet.
-
-```js title="App.tsx"|copy
-import { Web3OnboardProvider, init } from '@web3-onboard/react'
-import injectedModule from '@web3-onboard/injected-wallets'
-
-const INFURA_KEY = ''
-
-const ethereumRopsten = {
-  id: '0x3',
-  token: 'rETH',
-  label: 'Ethereum Ropsten',
-  rpcUrl: `https://ropsten.infura.io/v3/${INFURA_KEY}`
-}
-
-const polygonMainnet = {
-  id: '0x89',
-  token: 'MATIC',
-  label: 'Polygon',
-  rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
-}
-
-const chains = [ethereumRopsten, polygonMainnet]
-
-const wallets = [injectedModule()]
-
-const appMetadata = {
-  name: 'Connect Wallet Example',
-  icon: '<svg>My App Icon</svg>',
-  description: 'Example showcasing how to connect a wallet.',
-  recommendedInjectedWallets: [
-    { name: 'MetaMask', url: 'https://metamask.io' },
-    { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }
-  ]
-}
-
-const web3Onboard = init({
-  wallets,
-  chains
-  appMetadata
-})
-
-function App() {
-  return (
-    <Web3OnboardProvider web3Onboard={web3Onboard}>
-      <ConnectWallet />
-    </Web3OnboardProvider>
-  )
-}
-
-export default MyApp
-```
-
-## Step 2: Display the connect wallet button
-
-In another file we'll create the component that will display our connect wallet button. We'll be using the `useConnectWallet` hook in order to achieve this.
-
-```js title="ConnectWallet.tsx"|copy
-import { useEffect } from 'react'
-import { useConnectWallet } from '@web3-onboard/react'
-import { ethers } from 'ethers'
-
-export default function ConnectWallet() {
-  const [{ wallet, connecting }, connect, disconnect] = useConnectWallet()
-  const [ethersProvider, setProvider] = useState<ethers.providers.Web3Provider | null>()
-
-  useEffect(() => {
-    // If the wallet has a provider than the wallet is connected
-    if (wallet?.provider) {
-      setProvider(new ethers.providers.Web3Provider(wallet.provider, 'any'))
-    }
-  }, [wallet])
-
-  return (
-    <div>
-      <button
-        disabled={connecting}
-        onClick={connect}>
-        Connect
-      </button>
-    </div>
-  )
-}
-```
-
-## Step 3: Display account information
-
-Now that we have our wallet connected, let's display some basic information, such as the connected wallet's address, ENS name, and avatar.
-
-```js title="ConnectWallet.tsx"|copy{8,10-19,28-37}
-import { useEffect } from 'react'
-import { useConnectWallet } from '@web3-onboard/react'
-import { ethers } from 'ethers'
-
-export default function ConnectWallet() {
-  const [{ wallet, connecting }, connect, disconnect] = useConnectWallet()
-  const [ethersProvider, setProvider] = useState<ethers.providers.Web3Provider | null>()
-  const [account, setAccount] = useState<Account | null>(null)
-
-  useEffect(() => {
-    if (wallet?.provider) {
-      const { name, avatar } = wallet?.accounts[0].ens ?? {}
-      setAccount({
-        address: wallet.accounts[0].address,
-        balance: wallet.accounts[0].balance,
-        ens: { name, avatar: avatar?.url }
-      })
-    }
-  }, [wallet])
-
-  useEffect(() => {
-    // If the wallet has a provider than the wallet is connected
-    if (wallet?.provider) {
-      setProvider(new ethers.providers.Web3Provider(wallet.provider, 'any'))
-    }
-  }, [wallet])
-
-  if(wallet?.provider) {
-    return (
-        <div>
-          <img src={ens?.avatar} alt="ENS Avatar" />
-          <div>{ ens?.name ? ens.name : address }</div>
-          <div>Connected to {wallet.label}</div>
-          <button onClick={() => { disconnect({ label: wallet.label }) }>Disconnect</button>
-        </div>
-    )
-  }
-
-  return (
-    <div>
-      <button
-        disabled={connecting}
-        onClick={connect}>
-        Connect
-      </button>
-    </div>
-  )
-}
-```
-
diff --git a/docs/src/lib/components/examples/SvelteConnectWallet.md b/docs/src/lib/components/examples/SvelteConnectWallet.md
deleted file mode 100644
index 6e1a07fd1..000000000
--- a/docs/src/lib/components/examples/SvelteConnectWallet.md
+++ /dev/null
@@ -1,110 +0,0 @@
-## Step 1: Import + Configure
-
-Import the libraries and any wallets you would like to use. For this example, we are going to use the injected wallets module. You can easily add more wallet support to your dapp via our other wallet modules. Additionally, we'll setup web3-onboard to support 2 chains: Ethereum mainnet and Polygon mainnet.
-
-```js title="onboard.js"|copy
-import Onboard from '@web3-onboard/core'
-import injectedModule from '@web3-onboard/injected-wallets'
-
-const INFURA_KEY = ''
-
-const wallets = [injectedModule()]
-
-const chains = [
-  {
-    id: '0x1',
-    token: 'ETH',
-    label: 'Ethereum Mainnet',
-    rpcUrl: `https://mainnet.infura.io/v3/${INFURA_ID}`
-  },
-  {
-    id: '0x89',
-    token: 'MATIC',
-    label: 'Polygon',
-    rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
-  }
-]
-
-const appMetadata = {
-  name: 'Connect Wallet Example',
-  icon: '<svg>My App Icon</svg>',
-  description: 'Example showcasing how to connect a wallet.',
-  recommendedInjectedWallets: [
-    { name: 'MetaMask', url: 'https://metamask.io' },
-    { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }
-  ]
-}
-
-const onboard = Onboard({
-  wallets,
-  chains,
-  appMetadata,
-})
-
-export default onboard
-```
-
-## Step 2: Display the connect wallet button
-
-In main `App.svelte` file we'll import our previously initialized web3-onboard instance and then display our connect wallet button.
-
-```svelte title="App.svelte"|copy
-<script lang="js">
-import onboard from './onboard.js'
-</script>
-
-<div>
-  <button
-    disabled={connecting}
-    onClick={connect}>
-    Connect
-  </button>
-</div>
-```
-
-## Step 3: Display account information
-
-Now that we have our wallet connected, let's display some basic information, such as the connected wallet's address, ENS name, and avatar.
-
-```svelte title="App.svelte"|copy
-<script lang="js">
-  import onboard from './onboard.js'
-  
-  // Subscribe to wallet updates
-  const wallets$ = onboard.state.select('wallets')
-
-  // The first wallet in the array of connected wallets
-  $: connectedAccount = $wallets$?.[0]?.accounts?.[0]
-
-  $: account = connectedAccount?.ens?.name
-  ? {
-      ens: connectedAccount?.ens,
-      address: connectedAccount?.address
-    }
-  : { address: connectedAccount?.address }
-  
-  const connect = async () => {
-    await onboard.connectWallet()
-  }
-
-  const disconnect = ({ label }) => {
-    onboard.disconnectWallet({ label })
-  }
-</script>
-
-{#if $wallets$?.[0]?.provider}
-  <div>
-    <img src={ens?.avatar} alt="ENS Avatar" />
-    <div>{ ens?.name ? ens.name : address }</div>
-    <div>Connected to {wallet.label}</div>
-    <button onClick={() => { disconnect($wallets$?.[0]) }>Disconnect</button>
-  </div>
-{:else}
-  <div>
-    <button
-      onClick={connect}>
-      Connect
-    </button>
-  </div>
-{/if}
-```