staging.mangrove.exchange
Open in
urlscan Pro
76.76.21.164
Public Scan
Submitted URL: http://staging.mangrove.exchange/
Effective URL: https://staging.mangrove.exchange/trade
Submission: On March 03 via api from US — Scanned from GE
Effective URL: https://staging.mangrove.exchange/trade
Submission: On March 03 via api from US — Scanned from GE
Form analysis 1 forms found in the DOM
<form autocomplete="off">
<div role="radiogroup" aria-required="false" dir="ltr" class="flex w-full rounded-3xl bg-muted gap-1 p-1" tabindex="0" style="outline: none;"><button type="button" role="radio" aria-checked="true" data-state="checked" value="buy"
class="w-full text-secondary rounded-3xl border border-transparent aria-checked:text-primary hover:cursor-pointer hover:text-primary transition-colors ring-offset-primary-dark-green focus:outline-none focus-visible:ring-2 py-2 px-3 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 text-sm font-medium aria-checked:border-green-caribbean hover:bg-green-caribbean focus-visible:ring-ring capitalize"
id="buy" tabindex="-1" data-radix-collection-item="">buy</button><input aria-hidden="true" tabindex="-1" type="radio" value="buy" checked="" name="tradeAction"
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 142px; height: 38px;"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="sell"
class="w-full text-secondary rounded-3xl border border-transparent aria-checked:text-primary hover:cursor-pointer hover:text-primary transition-colors ring-offset-primary-dark-green focus:outline-none focus-visible:ring-2 py-2 px-3 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 text-sm font-medium aria-checked:border-red-100 hover:bg-red-100 focus-visible:ring-red-950 capitalize"
id="sell" tabindex="-1" data-radix-collection-item="">sell</button><input aria-hidden="true" tabindex="-1" type="radio" value="sell" name="tradeAction"
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 142px; height: 38px;"></div>
<div class="space-y-4 !mt-6">
<div class="flex-col flex"><label class="font-normal text-xs lg:text-xs leading-[22px] mb-0.5">Limit price</label>
<div class="w-full relative group/input"><input
class="flex h-14 w-full px-4 py-3 rounded-lg border focus:border-input group-hover/input:!border-green-caribbean active:!border-green-bangladesh transition-all bg-muted text-md placeholder:text-muted-foreground focus-visible:!outline-none disabled:cursor-not-allowed disabled:bg-gray-scale-600 disabled:!border-transparent disabled:text-gray-scale-300 border-none"
disabled="" type="text" value="" name="limitPrice" inputmode="numeric"></div>
</div>
<div class="flex-col flex"><label class="font-normal text-xs lg:text-xs leading-[22px] mb-0.5">Send amount</label>
<div class="w-full relative group/input"><input
class="flex h-14 w-full px-4 py-3 rounded-lg border focus:border-input group-hover/input:!border-green-caribbean active:!border-green-bangladesh transition-all bg-muted text-md placeholder:text-muted-foreground focus-visible:!outline-none disabled:cursor-not-allowed disabled:bg-gray-scale-600 disabled:!border-transparent disabled:text-gray-scale-300 border-none"
disabled="" type="text" value="" name="send" inputmode="numeric"></div>
<div class="flex justify-between items-center mt-1"><span class="text-xs text-secondary float-left">Balance</span>
<div class="animate-pulse rounded-md bg-muted w-24 h-4"></div>
</div>
</div>
<p class="text-orange-300 text-xs">There is a minimum amount required for limit orders on Mangrove.
<a target="_blank" rel="noreferrer" class="text-green-caribbean" href="https://docs.mangrove.exchange/general/web-app/trade/how-to-make-an-order/limit-order">Learn more</a></p>
<div class="flex-col flex"><label class="font-normal text-xs lg:text-xs leading-[22px] mb-0.5">Receive amount</label>
<div class="w-full relative group/input"><input
class="flex h-14 w-full px-4 py-3 rounded-lg border focus:border-input group-hover/input:!border-green-caribbean active:!border-green-bangladesh transition-all bg-muted text-md placeholder:text-muted-foreground focus-visible:!outline-none disabled:cursor-not-allowed disabled:bg-gray-scale-600 disabled:!border-transparent disabled:text-gray-scale-300 border-none"
disabled="" type="text" value="" name="receive" inputmode="numeric"></div>
<div class="flex justify-between items-center mt-1"><span class="text-xs text-secondary float-left">Balance</span>
<div class="animate-pulse rounded-md bg-muted w-24 h-4"></div>
</div>
</div>
<div class="space-y-5 pt-2 px-3"><span dir="ltr" data-orientation="horizontal" aria-disabled="true" data-disabled="" class="relative flex touch-none select-none items-center disabled:text-muted"
style="--radix-slider-thumb-transform: translateX(-50%);">
<div class="flex gap-4 absolute left-2 bottom-[9px]"><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span
class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span
class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span
class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span></div>
<span data-disabled="" data-orientation="horizontal" class="relative h-[5px] w-full grow rounded-full bg-muted"><span data-orientation="horizontal" data-disabled="" class="absolute rounded-full h-full bg-green-bangladesh"
style="left: 0%; right: 100%;"></span>
<div class="flex justify-between"><span class="h-[4px] w-[4px] rounded-full"></span><span class="h-[4px] w-[4px] rounded-full"></span><span class="h-[4px] w-[4px] rounded-full"></span><span class="h-[4px] w-[4px] rounded-full"></span></div>
</span>
<div class="flex gap-4 absolute left-2 top-[9px]"><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span
class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span
class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span
class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span><span class="h-[2px] w-[2px] rounded-full bg-muted"></span></div>
<span style="transform: var(--radix-slider-thumb-transform); position: absolute; left: calc(0% + 0px);"><span role="slider" aria-valuemin="0" aria-valuemax="100" aria-orientation="horizontal" data-orientation="horizontal" data-disabled=""
class=" hover:border-green-caribbean focus-visible:outline-none active:!text-gray-scale-200 cursor-pointer whitespace-nowrap rounded-xl border-[1px] border-green-bangladesh bg-background transition-colors disabled:pointer-events-none disabled:opacity-50"
data-radix-collection-item="" aria-valuenow="0" style=""><span class="text-xs px-2">0% </span></span></span>
</span><input value="0" name="sliderPercentage" style="display: none;">
<div class="flex justify-center space-x-3"><button
class="rounded-2xl box-border transition-colors disabled:text-gray-scale-400 group/button font-medium focus-visible:ring-4 focus-visible:ring-primary-dark-green focus-visible:outline-0 focus-visible:ring-offset-0 border border-green-caribbean hover:border-green-bangladesh text-white disabled:border-gray-scale-500 px-3 pb-1 pt-[6px] active:text-gray-scale-100 text-xs w-full opacity-10"
aria-disabled="true" disabled="">25%</button><button
class="rounded-2xl box-border transition-colors disabled:text-gray-scale-400 group/button font-medium focus-visible:ring-4 focus-visible:ring-primary-dark-green focus-visible:outline-0 focus-visible:ring-offset-0 border border-green-caribbean hover:border-green-bangladesh text-white disabled:border-gray-scale-500 px-3 pb-1 pt-[6px] active:text-gray-scale-100 text-xs w-full opacity-10"
aria-disabled="true" disabled="">50%</button><button
class="rounded-2xl box-border transition-colors disabled:text-gray-scale-400 group/button font-medium focus-visible:ring-4 focus-visible:ring-primary-dark-green focus-visible:outline-0 focus-visible:ring-offset-0 border border-green-caribbean hover:border-green-bangladesh text-white disabled:border-gray-scale-500 px-3 pb-1 pt-[6px] active:text-gray-scale-100 text-xs w-full opacity-10"
aria-disabled="true" disabled="">75%</button><button
class="rounded-2xl box-border transition-colors disabled:text-gray-scale-400 group/button font-medium focus-visible:ring-4 focus-visible:ring-primary-dark-green focus-visible:outline-0 focus-visible:ring-offset-0 border border-green-caribbean hover:border-green-bangladesh text-white disabled:border-gray-scale-500 px-3 pb-1 pt-[6px] active:text-gray-scale-100 text-xs w-full opacity-10"
aria-disabled="true" disabled="">100%</button></div>
</div>
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-px w-full !my-6"></div>
<div data-state="closed" class="w-full cursor-pointer group"><button class="flex items-center justify-between w-full hover:opacity-80 transition-opacity" type="button" aria-controls="radix-:ra:" aria-expanded="false" data-state="closed">
<h4 class="font-semibold">Advanced</h4><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4 transition-transform group-data-[state=open]:rotate-180">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg><span class="sr-only">Toggle</span>
</button>
<div data-state="closed" id="radix-:ra:" class="space-y-2 data-[state=closed]:hidden" style="transition-duration: 0s; animation-name: none;">
<div class="grid text-md space-y-2"><label class="text-xs leading-4 font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-[2px]">Time in force</label><button type="button" role="combobox" aria-controls="radix-:rb:"
aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" disabled="" data-disabled=""
class="flex h-14 items-center justify-between rounded-lg px-4 py-3 text-base ring-offset-primary-dark-green placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 hover:opacity-90 active:opacity-80 transition-all bg-muted border border-transparent hover:border-green-caribbean data-[state=open]:border-green-bangladesh disabled:bg-gray-scale-600 w-full"><span
style="pointer-events: none;">Good til time</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4" aria-hidden="true">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg></button><select aria-hidden="true" tabindex="-1" name="timeInForce" disabled=""
style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;">
<option value="Immediate or cancel">Immediate or cancel</option>
<option value="Good til time" selected="">Good til time</option>
<option value="Fill or kill">Fill or kill</option>
</select></div>
<div class="flex justify-between space-x-2">
<div class="flex-col flex">
<div class="w-full relative group/input"><input
class="flex h-14 w-full px-4 py-3 rounded-lg border focus:border-input group-hover/input:!border-green-caribbean active:!border-green-bangladesh transition-all bg-muted text-md placeholder:text-muted-foreground focus-visible:!outline-none disabled:cursor-not-allowed disabled:bg-gray-scale-600 disabled:!border-transparent disabled:text-gray-scale-300 border-none"
placeholder="1" disabled="" type="text" value="28" name="timeToLive" inputmode="numeric"></div>
</div><button type="button" role="combobox" aria-controls="radix-:rc:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" disabled="" data-disabled=""
class="flex w-full h-14 items-center justify-between rounded-lg px-4 py-3 text-base ring-offset-primary-dark-green placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 hover:opacity-90 active:opacity-80 transition-all bg-muted border border-transparent hover:border-green-caribbean data-[state=open]:border-green-bangladesh disabled:bg-gray-scale-600"><span
style="pointer-events: none;">Day</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4" aria-hidden="true">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg></button><select aria-hidden="true" tabindex="-1" name="timeToLiveUnit" disabled=""
style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;">
<option value="Minute">Minute</option>
<option value="Hour">Hour</option>
<option value="Day" selected="">Day</option>
</select>
</div>
</div>
</div>
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-px w-full !my-6"></div>
<div data-state="closed" class="w-full cursor-pointer group"><button class="flex items-center justify-between w-full hover:opacity-80 transition-opacity" type="button" aria-controls="radix-:rd:" aria-expanded="false" data-state="closed">
<h4 class="font-semibold">Liquidity Sourcing</h4><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4 transition-transform group-data-[state=open]:rotate-180">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg><span class="sr-only">Toggle</span>
</button>
<div data-state="closed" id="radix-:rd:" class="space-y-2 data-[state=closed]:hidden" style="transition-duration: 0s; animation-name: none;">
<div class="flex justify-between space-x-2 pt-2">
<div class="flex flex-col w-full"><label class="text-xs leading-4 font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-[2px] flex items-center">Send from<button data-state="closed"
class="hover:opacity-80 transition-opacity ml-1 text-cloud-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18.805a6.806 6.806 0 100-13.61 6.806 6.806 0 000 13.61zm0-4.083V12m0-2.722h.008"></path>
</svg></button></label><button type="button" role="combobox" aria-controls="radix-:rf:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" disabled="" data-disabled=""
class="flex w-full h-14 items-center justify-between rounded-lg px-4 py-3 text-base ring-offset-primary-dark-green placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 hover:opacity-90 active:opacity-80 transition-all bg-muted border border-transparent hover:border-green-caribbean data-[state=open]:border-green-bangladesh disabled:bg-gray-scale-600"><span
style="pointer-events: none;"></span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4" aria-hidden="true">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg></button><select aria-hidden="true" tabindex="-1" name="sendFrom" disabled=""
style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;"></select></div>
<div class="flex flex-col w-full z-50"><label class="text-xs leading-4 font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-[2px] flex items-center">Receive to<button data-state="closed"
class="hover:opacity-80 transition-opacity text-cloud-300 ml-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18.805a6.806 6.806 0 100-13.61 6.806 6.806 0 000 13.61zm0-4.083V12m0-2.722h.008"></path>
</svg></button></label><button type="button" role="combobox" aria-controls="radix-:rh:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" disabled="" data-disabled=""
class="flex w-full h-14 items-center justify-between rounded-lg px-4 py-3 text-base ring-offset-primary-dark-green placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 hover:opacity-90 active:opacity-80 transition-all bg-muted border border-transparent hover:border-green-caribbean data-[state=open]:border-green-bangladesh disabled:bg-gray-scale-600"><span
style="pointer-events: none;"></span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4" aria-hidden="true">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg></button><select aria-hidden="true" tabindex="-1" name="receiveTo" disabled=""
style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;"></select></div>
</div>
</div>
</div>
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-px w-full !my-6"></div>
<div data-state="closed" class="w-full cursor-pointer group"><button class="flex items-center justify-between w-full hover:opacity-80 transition-opacity" type="button" aria-controls="radix-:ri:" aria-expanded="false" data-state="closed">
<h4 class="font-semibold">Market details</h4><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6" class="h-4 w-4 transition-transform group-data-[state=open]:rotate-180">
<path fill="currentColor" d="M5 3.712L8.714 0l1.06 1.06-4.772 4.774L.228 1.06 1.288 0l3.713 3.712z"></path>
</svg><span class="sr-only">Toggle</span>
</button>
<div data-state="closed" id="radix-:ri:" class="space-y-2 data-[state=closed]:hidden" style="transition-duration: 0s; animation-name: none;">
<div class="flex justify-between items-center mt-2"><span class="text-xs text-secondary float-left">Taker fee</span><span class="text-xs float-right">0%</span></div>
</div>
</div><button
class="text-black-rich box-border transition-colors disabled:text-gray-scale-400 group/button font-medium focus-visible:ring-4 focus-visible:ring-primary-dark-green focus-visible:outline-0 focus-visible:ring-offset-0 bg-green-caribbean hover:bg-green-bangladesh hover:text-white px-5 py-3 leading-5 rounded-[32px] space-x-1 active:text-gray-scale-100 disabled:bg-gray-scale-200 disabled:border-transparent w-full flex items-center justify-center !mb-4 capitalize !mt-6"
aria-disabled="true" disabled="">buy<span
class="text-primary-solid-black aspect-square w-6 flex items-center justify-center bg-white rounded-full ml-2 group-active/button:text-primary-solid-black group-hover/button:text-primary-solid-black group-disabled/button:text-gray-scale-600 group-disabled/button:bg-gray-scale-300"><svg
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="aspect-auto w-4">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.5 11l3-3-3-3"></path>
</svg></span></button>
</div>
</form>Text Content
TradePointsReferrals Connect wallet Select a market LimitMarketAmplified buysell Limit price Send amount Balance There is a minimum amount required for limit orders on Mangrove. Learn more Receive amount Balance 0% 25%50%75%100% ADVANCED Toggle Time in forceGood til timeImmediate or cancelGood til timeFill or kill DayMinuteHourDay LIQUIDITY SOURCING Toggle Send from Receive to MARKET DETAILS Toggle Taker fee0% buy Book Price N/A 24h Change N/A 24h High N/A 24h Low N/A 24h Volume N/A Depth chart ordersfillsamplified MarketSideTypeFilled/AmountPriceTime in force Action WELCOME TO THE MANGROVE DAPP! The use of this app is subject to the following Terms of Use. By checking this box, I verify that I'm not part of USA or any sanctioned country. Accept terms