hyperlane-warp-template-9mgz5yk9j-abacus-works.vercel.app Open in urlscan Pro
76.76.21.98  Public Scan

Form analysis
1 forms found in the DOM

#

<form action="#" class="flex flex-col items-stretch w-full mt-2">
  <div class="flex items-center justify-center space-x-7 sm:space-x-10">
    <div class="flex flex-col items-center">
      <div class="flex flex-col items-center justify-center rounded-full bg-gray-100 h-[5.5rem] w-[5.5rem] p-1.5">
        <div class="flex items-end h-11">
          <div class="htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all overflow-hidden htw-bg-orange-200 undefined" title="Eclipse Devnet" style="width: 34px; height: 34px;">
            <div style="font-size: 17px;">E</div>
          </div>
        </div><label for="originCaip2Id" class="mt-2 mb-1 text-sm text-gray-500 uppercase">From</label>
      </div><button type="button" name="originCaip2Id"
        class="w-36 px-2.5 py-2 relative -top-1.5 flex items-center justify-between text-sm bg-white rounded border border-gray-400 outline-none transition-colors duration-500 hover:bg-gray-50 active:bg-gray-100 focus:border-blue-500">
        <div class="flex items-center">
          <div class="htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all overflow-hidden htw-bg-orange-200 undefined" title="Eclipse Devnet" style="width: 14px; height: 14px;">
            <div style="font-size: 7px;">E</div>
          </div><span class="ml-2">Eclipse Devnet</span>
        </div><img alt="" loading="lazy" width="12" height="8" decoding="async" data-nimg="1" src="/_next/static/media/chevron-down.c8f8f65a.svg" style="color: transparent;">
      </button>
    </div>
    <div class="flex flex-col items-center">
      <div class="flex mb-6 sm:space-x-1.5"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.3 190" width="17" height="100%" fill="#D0D4DB" class=" hidden sm:block">
          <path d="M4.4 0h53c7.2 0 13.7 3 16.2 7.7l46.5 85.1a2 2 0 0 1 0 2l-.2.5-46.3 87c-2.5 4.6-9 7.7-16.3 7.7h-53c-3 0-5-2-4-4L48 92.9.4 4c-1-2 1-4 4-4Z"></path>
        </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.3 190" width="17" height="100%" fill="#D0D4DB" class=" undefined">
          <path d="M4.4 0h53c7.2 0 13.7 3 16.2 7.7l46.5 85.1a2 2 0 0 1 0 2l-.2.5-46.3 87c-2.5 4.6-9 7.7-16.3 7.7h-53c-3 0-5-2-4-4L48 92.9.4 4c-1-2 1-4 4-4Z"></path>
        </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.3 190" width="17" height="100%" fill="#D0D4DB" class=" undefined">
          <path d="M4.4 0h53c7.2 0 13.7 3 16.2 7.7l46.5 85.1a2 2 0 0 1 0 2l-.2.5-46.3 87c-2.5 4.6-9 7.7-16.3 7.7h-53c-3 0-5-2-4-4L48 92.9.4 4c-1-2 1-4 4-4Z"></path>
        </svg></div><button type="button" title="Swap chains" class="flex items-center justify-center transition-all hover:opacity-70 disabled:opacity-30 disabled:cursor-default active:opacity-60 hover:rotate-180"><img alt="Swap" loading="lazy"
          width="22" height="22" decoding="async" data-nimg="1" src="/_next/static/media/swap.007dfa18.svg" style="color: transparent;"></button>
    </div>
    <div class="flex flex-col items-center">
      <div class="flex flex-col items-center justify-center rounded-full bg-gray-100 h-[5.5rem] w-[5.5rem] p-1.5">
        <div class="flex items-end h-11"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 397.7 311.7" width="34" height="34" title="Solana Devnet">
            <linearGradient id="solana_svg__a" x1="360.88" x2="141.21" y1="351.46" y2="-69.29" gradientTransform="matrix(1 0 0 -1 0 314)" gradientUnits="userSpaceOnUse">
              <stop offset="0" style="stop-color: rgb(0, 255, 163);"></stop>
              <stop offset="1" style="stop-color: rgb(220, 31, 255);"></stop>
            </linearGradient>
            <path d="M64.6 237.9c2.4-2.4 5.7-3.8 9.2-3.8h317.4c5.8 0 8.7 7 4.6 11.1l-62.7 62.7c-2.4 2.4-5.7 3.8-9.2 3.8H6.5c-5.8 0-8.7-7-4.6-11.1l62.7-62.7z" style="fill: url(&quot;#solana_svg__a&quot;);"></path>
            <linearGradient id="solana_svg__b" x1="264.83" x2="45.16" y1="401.6" y2="-19.15" gradientTransform="matrix(1 0 0 -1 0 314)" gradientUnits="userSpaceOnUse">
              <stop offset="0" style="stop-color: rgb(0, 255, 163);"></stop>
              <stop offset="1" style="stop-color: rgb(220, 31, 255);"></stop>
            </linearGradient>
            <path d="M64.6 3.8C67.1 1.4 70.4 0 73.8 0h317.4c5.8 0 8.7 7 4.6 11.1l-62.7 62.7c-2.4 2.4-5.7 3.8-9.2 3.8H6.5c-5.8 0-8.7-7-4.6-11.1L64.6 3.8z" style="fill: url(&quot;#solana_svg__b&quot;);"></path>
            <linearGradient id="solana_svg__c" x1="312.55" x2="92.88" y1="376.69" y2="-44.06" gradientTransform="matrix(1 0 0 -1 0 314)" gradientUnits="userSpaceOnUse">
              <stop offset="0" style="stop-color: rgb(0, 255, 163);"></stop>
              <stop offset="1" style="stop-color: rgb(220, 31, 255);"></stop>
            </linearGradient>
            <path d="M333.1 120.1c-2.4-2.4-5.7-3.8-9.2-3.8H6.5c-5.8 0-8.7 7-4.6 11.1l62.7 62.7c2.4 2.4 5.7 3.8 9.2 3.8h317.4c5.8 0 8.7-7 4.6-11.1l-62.7-62.7z" style="fill: url(&quot;#solana_svg__c&quot;);"></path>
          </svg></div><label for="destinationCaip2Id" class="mt-2 mb-1 text-sm text-gray-500 uppercase">To</label>
      </div><button type="button" name="destinationCaip2Id"
        class="w-36 px-2.5 py-2 relative -top-1.5 flex items-center justify-between text-sm bg-white rounded border border-gray-400 outline-none transition-colors duration-500 hover:bg-gray-50 active:bg-gray-100 focus:border-blue-500">
        <div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 397.7 311.7" width="14" height="14" title="Solana Devnet">
            <linearGradient id="solana_svg__a" x1="360.88" x2="141.21" y1="351.46" y2="-69.29" gradientTransform="matrix(1 0 0 -1 0 314)" gradientUnits="userSpaceOnUse">
              <stop offset="0" style="stop-color: rgb(0, 255, 163);"></stop>
              <stop offset="1" style="stop-color: rgb(220, 31, 255);"></stop>
            </linearGradient>
            <path d="M64.6 237.9c2.4-2.4 5.7-3.8 9.2-3.8h317.4c5.8 0 8.7 7 4.6 11.1l-62.7 62.7c-2.4 2.4-5.7 3.8-9.2 3.8H6.5c-5.8 0-8.7-7-4.6-11.1l62.7-62.7z" style="fill: url(&quot;#solana_svg__a&quot;);"></path>
            <linearGradient id="solana_svg__b" x1="264.83" x2="45.16" y1="401.6" y2="-19.15" gradientTransform="matrix(1 0 0 -1 0 314)" gradientUnits="userSpaceOnUse">
              <stop offset="0" style="stop-color: rgb(0, 255, 163);"></stop>
              <stop offset="1" style="stop-color: rgb(220, 31, 255);"></stop>
            </linearGradient>
            <path d="M64.6 3.8C67.1 1.4 70.4 0 73.8 0h317.4c5.8 0 8.7 7 4.6 11.1l-62.7 62.7c-2.4 2.4-5.7 3.8-9.2 3.8H6.5c-5.8 0-8.7-7-4.6-11.1L64.6 3.8z" style="fill: url(&quot;#solana_svg__b&quot;);"></path>
            <linearGradient id="solana_svg__c" x1="312.55" x2="92.88" y1="376.69" y2="-44.06" gradientTransform="matrix(1 0 0 -1 0 314)" gradientUnits="userSpaceOnUse">
              <stop offset="0" style="stop-color: rgb(0, 255, 163);"></stop>
              <stop offset="1" style="stop-color: rgb(220, 31, 255);"></stop>
            </linearGradient>
            <path d="M333.1 120.1c-2.4-2.4-5.7-3.8-9.2-3.8H6.5c-5.8 0-8.7 7-4.6 11.1l62.7 62.7c2.4 2.4 5.7 3.8 9.2 3.8h317.4c5.8 0 8.7-7 4.6-11.1l-62.7-62.7z" style="fill: url(&quot;#solana_svg__c&quot;);"></path>
          </svg><span class="ml-2">Sol Devnet</span></div><img alt="" loading="lazy" width="12" height="8" decoding="async" data-nimg="1" src="/_next/static/media/chevron-down.c8f8f65a.svg" style="color: transparent;">
      </button>
    </div>
  </div>
  <div class="mt-3 flex justify-between space-x-4">
    <div class="flex-1"><label for="tokenCaip19Id" class="block uppercase text-sm text-gray-500 pl-0.5">Token</label><button type="button" name="tokenCaip19Id"
        class="mt-1.5 w-full px-2.5 py-2 flex items-center justify-between text-sm bg-white rounded border border-gray-400 outline-none transition-colors duration-500 hover:bg-gray-50 active:bg-gray-100 focus:border-blue-500">
        <div class="flex items-center">
          <div class="htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all overflow-hidden  undefined" title="" style="width: 20px; height: 20px;">
            <div class="text-[10px]"></div>
          </div><span class="ml-2 text-slate-400">Select Token</span>
        </div><img alt="" loading="lazy" width="12" height="8" decoding="async" data-nimg="1" src="/_next/static/media/chevron-down.c8f8f65a.svg" style="color: transparent;">
      </button></div>
    <div class="flex-1">
      <div class="flex justify-between pr-1"><label for="amount" class="block uppercase text-sm text-gray-500 pl-0.5">Amount</label>
        <div class="text-xs text-gray-500 text-right">My balance: 0</div>
      </div>
      <div class="relative w-full"><input name="amount" class="mt-1.5 px-2.5 py-2 text-sm rounded border border-gray-400 focus:border-blue-500 disabled:bg-gray-150 outline-none transition-all duration-300 w-full" placeholder="0.00" type="number"
          step="any" value=""><button type="button"
          class="flex items-center justify-center rounded-md transition-all duration-500 bg-gray-100 text-blue-500 hover:bg-gray-200 disabled:bg-gray-300 disabled:text-gray-500 active:bg-gray-300  text-xs rounded-sm absolute right-0.5 top-2 bottom-0.5 px-2">MAX</button>
      </div>
    </div>
  </div>
  <div class="mt-4">
    <div class="flex justify-between pr-1"><label for="recipientAddress" class="block uppercase text-sm text-gray-500 pl-0.5">Recipient Address</label>
      <div class="text-xs text-gray-500 text-right">Remote balance: 0</div>
    </div>
    <div class="relative w-full"><input name="recipientAddress" class="mt-1.5 px-2.5 py-2 text-sm rounded border border-gray-400 focus:border-blue-500 disabled:bg-gray-150 outline-none transition-all duration-300 w-full" placeholder="0x123456..."
        value=""><button type="button"
        class="flex items-center justify-center rounded-md transition-all duration-500 bg-gray-100 text-blue-500 hover:bg-gray-200 disabled:bg-gray-300 disabled:text-gray-500 active:bg-gray-300  text-xs rounded-sm absolute right-0.5 top-2 bottom-0.5 px-1.5">SELF</button>
    </div>
  </div>
  <div class="max-h-0 duration-500 overflow-hidden transition-all"><label class="mt-4 block uppercase text-sm text-gray-500 pl-0.5">Transactions</label>
    <div class="py-6 flex items-center justify-center"><svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
        <circle class="opacity-25" stroke="currentColor" stroke-width="4" cx="12" cy="12" r="10"></circle>
        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
      </svg></div>
  </div><button type="button" class="flex items-center justify-center rounded-md transition-all duration-500 bg-blue-500 text-white hover:bg-blue-600 disabled:bg-gray-300 disabled:text-gray-500 active:bg-blue-700  mt-4 px-3 py-1.5">Connect
    Wallet</button>
</form>

Text Content

Connect Wallet


SEND TOKENS

E
From
E
Eclipse Devnet


To
Sol Devnet
Token

Select Token
Amount
My balance: 0
MAX
Recipient Address
Remote balance: 0
SELF
Transactions

Connect Wallet

Bridge with the Eclipse Devnet Bridge
Build with Hyperlane

AboutExplorerDocsChains
TwitterDiscordGithubBlog