www.layerswap.io
Open in
urlscan Pro
76.76.21.123
Public Scan
URL:
https://www.layerswap.io/
Submission: On May 02 via api from FI — Scanned from FI
Submission: On May 02 via api from FI — Scanned from FI
Form analysis 2 forms found in the DOM
#
<form action="#" class="h-full">
<div class="w-full flex flex-col justify-between h-full space-y-5 text-primary-text">
<div class="space-y-4 py-1 mt-1 md:py-0 md:mt-0">
<div tabindex="0">
<div class="mt-2 w-full my-4" id="headlessui-radiogroup-:r1:" role="radiogroup" aria-labelledby="headlessui-label-:r2:"><label class="font-normal text-primary-text text-sm" id="headlessui-label-:r2:" role="none"></label>
<div class="grid grid-cols-3 gap-1 md:gap-2 p-0.5 md:p-2 rounded-lg bg-darkblue-700 border-darkblue-500 border" role="none">
<div class="cursor-pointer focus:outline-none bg-darkblue-500 border-transparent text-white border rounded-md p-1 flex items-center justify-center text-sm font-medium sm:flex-1 relative" id="headlessui-radiogroup-option-:r3:" role="radio"
aria-checked="true" tabindex="0" data-headlessui-state="checked">
<div class="flex items-center md:p-0 p-1.5 text-xs md:text-base">On-Ramp</div>
</div>
<div class="cursor-pointer focus:outline-none bg-transparent border-transparent text-gray-400 hover:text-gray-200 border rounded-md p-1 flex items-center justify-center text-sm font-medium sm:flex-1 relative"
id="headlessui-radiogroup-option-:r4:" role="radio" aria-checked="false" tabindex="-1" data-headlessui-state="">
<div class="flex items-center space-x-1 md:p-0 p-1.5 text-xs md:text-base ">Off-Ramp</div>
</div>
<div class="cursor-pointer focus:outline-none bg-transparent border-transparent text-gray-400 hover:text-gray-200 border rounded-md p-1 flex items-center justify-center text-sm font-medium sm:flex-1 relative"
id="headlessui-radiogroup-option-:r5:" role="radio" aria-checked="false" tabindex="-1" data-headlessui-state="">
<div class="inline-flex items-center "><span class="flex items-center space-x-1 md:p-0 p-1.5 text-xs md:text-base">Cross-Chain</span><span
class="absolute ml-1 -top-1 -right-2 shadow-sm rounded bg-primary px-2 text-[10px] leading-4 font-semibold text-white"> New </span></div>
</div>
</div>
</div>
</div>
<div class="flex-col md:flex-row flex justify-between w-full md:space-x-4 space-y-4 md:space-y-0 mb-3.5 leading-4">
<div class="flex flex-col w-full"><label for="from" class="block font-semibold text-primary-text text-sm">From</label>
<div tabindex="0" class="mt-1.5 ">
<div class="flex items-center relative"><button type="button" name="from"
class="rounded-lg focus-peer:ring-primary focus-peer:border-darkblue-500 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 flex items-center text-left justify-bottom w-full pl-3 pr-2 py-2 bg-darkblue-700 font-semibold"><span
class="flex grow text-left items-center"><span class="ml-3 block font-medium text-primary-text flex-auto items-center">Exchange</span></span><span class="ml-3 right-0 flex items-center pr-2 pointer-events-none text-white"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true">
<polyline points="6 9 12 15 18 9"></polyline>
</svg></span></button></div>
</div>
</div>
<div class="flex flex-col w-full"><label for="to" class="block font-semibold text-primary-text text-sm">To</label>
<div tabindex="0" class="mt-1.5 ">
<div class="flex items-center relative"><button type="button" name="to"
class="rounded-lg focus-peer:ring-primary focus-peer:border-darkblue-500 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 flex items-center text-left justify-bottom w-full pl-3 pr-2 py-2 bg-darkblue-700 font-semibold"><span
class="flex grow text-left items-center"><span class="ml-3 block font-medium text-primary-text flex-auto items-center">Network</span></span><span class="ml-3 right-0 flex items-center pr-2 pointer-events-none text-white"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true">
<polyline points="6 9 12 15 18 9"></polyline>
</svg></span></button></div>
</div>
</div>
</div>
<div class="mb-6 leading-4"><label for="amount" class="block font-semibold text-primary-text text-sm mb-1.5">
<div class="flex items-center space-x-2">
<p>Amount</p>
</div>
</label>
<div class="flex rounded-lg shadow-sm bg-darkblue-700 border-darkblue-500 border "><input name="amount" pattern="^[0-9]*[.,]?[0-9]*$" inputmode="decimal" autocomplete="off" disabled="" placeholder="0.01234" autocorrect="off" min="0" max="0"
type="text" step="0.01" id="amount"
class="disabled:cursor-not-allowed h-12 leading-4 bg-darkblue-700 focus:ring-primary focus:border-primary flex-grow block w-full min-w-0 rounded-md font-semibold placeholder-gray-400 border-0 rounded-r-none text-white" value=""><span
class="inline-flex items-center">
<div class="relative"><button name="currency" class="w-full py-0 pl-3 md:pl-5 pr-10 border-transparent bg-transparent font-semibold rounded-md" id="headlessui-listbox-button-:r6:" type="button" aria-haspopup="true" disabled=""
data-headlessui-state="disabled"></button></div>
</span></div>
</div>
<div class="w-full mb-3.5 leading-4"><label for="destination_address" class="block font-semibold text-primary-text text-sm">To address</label><button type="button" disabled=""
class="flex rounded-lg space-x-3 items-center cursor-pointer shadow-sm mt-1.5 bg-darkblue-700 border-darkblue-500 border disabled:cursor-not-allowed h-12 leading-4 focus:ring-primary focus:border-primary font-semibold w-full placeholder-gray-400 px-3.5 py-3">
<div class="truncate">0x123...ab56c</div>
</button></div>
<div class="w-full">
<div class="mx-auto relative w-full rounded-lg border border-darkblue-500 hover:border-darkblue-300 bg-darkblue-700 px-3.5 py-3 z-[1] transition-all duration-200">
<div data-orientation="vertical">
<div data-state="closed" data-orientation="vertical" class="">
<h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r9:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r8:"
class="flex items-center font-medium transition-all [&[data-state=open]>svg]:rotate-180 items-center flex w-full relative gap-2 rounded-lg text-left text-base font-medium" data-radix-collection-item=""><span
class="md:font-semibold text-sm md:text-base text-primary-text leading-8 md:leading-8 flex-1">You will receive</span>
<div class="flex items-center space-x-2"><span class="text-sm md:text-base">-</span></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-200">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button></h3>
<div data-state="closed" id="radix-:r9:" hidden="" role="region" aria-labelledby="radix-:r8:" data-orientation="vertical"
class="data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm transition-all text-sm text-primary-text font-normal"
style="--radix-accordion-content-height:var(--radix-collapsible-content-height); --radix-accordion-content-width:var(--radix-collapsible-content-width);"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-white text-base mt-3
max-sm:fixed
max-sm:inset-x-0
max-sm:bottom-0
max-sm:z-30 max-sm:bg-darkblue-900 max-sm:shadow-widget-footer max-sm:p-4 max-sm:px-6 max-sm:w-full " style="opacity: 1; transform: translateY(0%) translateZ(0px);"><button disabled="" type="submit"
class=" border border-primary disabled:border-primary-900 shadowed-button items-center space-x-1 disabled:text-opacity-40 disabled:bg-primary-900 disabled:cursor-not-allowed relative w-full flex justify-center font-semibold rounded-md shadow-md hover:shadow-xl transform hover:-translate-y-0.5 transition duration-200 ease-in-out bg-primary text-primary-buttonTextColor py-3 px-2 md:px-3 plausible-event-name=Swap+initiated"><span
class="order-first absolute left-0 inset-y-0 flex items-center pl-3"></span><span class="grow text-center">Select source</span></button></div>
</div>
</form>#
<form action="#" autocomplete="true" class="w-full h-full">
<div><button class="w-full text-left text-base font-light" id="headlessui-disclosure-button-:ra:" type="button" aria-expanded="false" data-headlessui-state="">
<div class="flex items-center justify-between">
<p class="text-xl text-white">Sign in with email</p>
<div class="bg-darkblue-500 hover:bg-darkblue-500 p-0.5 rounded-md duration-200 transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class=" h-5 text-primary-text">
<polyline points="6 9 12 15 18 9"></polyline>
</svg></div>
</div>
<p class="mt-2 text-left text-primary-text">Securely store your exchange accounts, access your full transfer history and more.</p>
</button></div>
</form>Text Content
Icon description Icon description On-Ramp Off-Ramp Cross-Chain New From Exchange To Network Amount To address 0x123...ab56c YOU WILL RECEIVE - Select source Sign in with email Securely store your exchange accounts, access your full transfer history and more. ABOUT LAYERSWAP Move crypto across exchanges, blockchains, and wallets. Read more New Transfer to Optimism, earn $OP For PartnersPrivacy PolicyTerms of ServiceSend Feedback TwitterGitHubDiscordSubstack