www.app.rage.trade
Open in
urlscan Pro
76.76.21.9
Public Scan
URL:
https://www.app.rage.trade/trade/0xa2
Submission: On July 23 via api from FI — Scanned from DE
Submission: On July 23 via api from FI — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="opacity-70">
<fieldset disabled="" class="flex flex-col justify-between w-full gap-4 disabled:touch-none disabled:pointer-events-none">
<div class="relative"><img src="/images/green_glow.png" class="absolute pointer-events-none touch-none w-[80%] -top-4 -left-6" alt="" aria-hidden="true"></div>
<div role="radiogroup" aria-required="true" dir="ltr" class="border grid grid-cols-2 rounded-md p-1 transition-colors title-3 text-grey-3 border-success-2" tabindex="0" style="outline: none;"><button type="button" role="radio" aria-checked="true"
data-state="checked" value="long" class="relative z-[1] rounded-sm py-2 capitalize transition-colors text-white" tabindex="-1" data-radix-collection-item="">long<span data-state="checked">
<div class="absolute z-[-1] inset-0 w-full h-full rounded-sm bg-success-2/10" style="opacity: 1;"></div>
</span></button><input type="radio" aria-hidden="true" name="order_input" required="" tabindex="-1" value="long" checked=""
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 139px; height: 32px;"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="short"
class="relative z-[1] rounded-sm py-2 capitalize transition-colors" tabindex="-1" data-radix-collection-item="">short</button><input type="radio" aria-hidden="true" name="order_input" required="" tabindex="-1" value="short"
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 139px; height: 32px;"></div>
<div class="flex flex-col gap-4">
<dl>
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center gap-1 w-max">
<div>
<dt class="text-grey-4 caption-2">Free Collateral</dt>
</div><button data-state="closed" type="button"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="h-[1em] w-[1em] text-grey-5 text-[0.85em] hover:text-grey-3 cursor-help" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.25 5.75H8.75V4.25H7.25V5.75ZM8 14C4.6925 14 2 11.3075 2 8C2 4.6925 4.6925 2 8 2C11.3075 2 14 4.6925 14 8C14 11.3075 11.3075 14 8 14ZM8 0.5C7.01509 0.5 6.03982 0.693993 5.12987 1.0709C4.21993 1.44781 3.39314 2.00026 2.6967 2.6967C1.29018 4.10322 0.5 6.01088 0.5 8C0.5 9.98912 1.29018 11.8968 2.6967 13.3033C3.39314 13.9997 4.21993 14.5522 5.12987 14.9291C6.03982 15.306 7.01509 15.5 8 15.5C9.98912 15.5 11.8968 14.7098 13.3033 13.3033C14.7098 11.8968 15.5 9.98912 15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5ZM7.25 11.75H8.75V7.25H7.25V11.75Z"
fill="currentColor"></path>
</svg></button>
</div>
<dd class="digital-3">...</dd>
</div>
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center gap-1 w-max">
<div>
<dt class="text-grey-4 caption-2">Buying Power (Equity)</dt>
</div><button data-state="closed" type="button"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="h-[1em] w-[1em] text-grey-5 text-[0.85em] hover:text-grey-3 cursor-help" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.25 5.75H8.75V4.25H7.25V5.75ZM8 14C4.6925 14 2 11.3075 2 8C2 4.6925 4.6925 2 8 2C11.3075 2 14 4.6925 14 8C14 11.3075 11.3075 14 8 14ZM8 0.5C7.01509 0.5 6.03982 0.693993 5.12987 1.0709C4.21993 1.44781 3.39314 2.00026 2.6967 2.6967C1.29018 4.10322 0.5 6.01088 0.5 8C0.5 9.98912 1.29018 11.8968 2.6967 13.3033C3.39314 13.9997 4.21993 14.5522 5.12987 14.9291C6.03982 15.306 7.01509 15.5 8 15.5C9.98912 15.5 11.8968 14.7098 13.3033 13.3033C14.7098 11.8968 15.5 9.98912 15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5ZM7.25 11.75H8.75V7.25H7.25V11.75Z"
fill="currentColor"></path>
</svg></button>
</div>
<dd class="digital-3">...</dd>
</div>
</dl>
<section>
<h2 class="mb-4 title-2 text-grey-2">Amount</h2>
<div class="space-y-2">
<div class="w-full flex items-center gap-[2px] bg-grey-13 px-2 border-[1px] input_wrapper rounded-[4px] transition-colors focus-within:border-brand-purple-3 hover:border-brand-purple-3 border-grey-7 !bg-transparent mb-2"><input
class="bg-transparent py-2 focus:outline-none digital-2 w-full disabled:text-grey-4" name="amount_eth" type="text" id="amount_eth" inputmode="decimal" autocomplete="off" autocorrect="off" pattern="^[0-9]*[.,]?[0-9]*$" placeholder="0.0"
minlength="1" maxlength="79" spellcheck="false" value="">
<div class="flex items-center"><label for="amount_eth" class="mr-1 caption-3 text-grey-6">ETH</label></div>
</div>
<div
class="w-full flex items-center gap-[2px] bg-grey-13 px-2 border-[1px] input_wrapper rounded-[4px] transition-colors focus-within:border-brand-purple-3 hover:border-brand-purple-3 border-grey-7 !bg-transparent mb-2 !border-grey-8 hover:!border-grey-3">
<input class="bg-transparent py-2 focus:outline-none digital-2 w-full disabled:text-grey-4" name="amount_usdc" type="text" id="amount_usdc" inputmode="decimal" autocomplete="off" autocorrect="off" pattern="^[0-9]*[.,]?[0-9]*$"
placeholder="0.0" minlength="1" maxlength="79" spellcheck="false" value="">
<div class="flex items-center"><label for="amount_eth" class="mr-1 caption-3 text-grey-6 opacity-50">USDC</label></div>
</div>
</div>
<div class="mt-2"><span dir="ltr" data-orientation="horizontal" aria-disabled="false" class="w-full relative flex items-center touch-none select-none h-[20px]" style="--radix-slider-thumb-transform: translateX(-50%);"><span
data-orientation="horizontal" class="h-[2px] bg-grey-10 flex-grow relative rounded-full"><span data-orientation="horizontal" class="absolute h-full bg-brand-purple-3" style="left: 0%; right: 100%;"></span></span><span
style="transform: var(--radix-slider-thumb-transform); position: absolute; left: calc(0% + 7.5px);"><span role="slider" aria-valuemin="0" aria-valuemax="95" aria-orientation="horizontal" data-orientation="horizontal" tabindex="0"
class="block cursor-grab focus:cursor-grabbing w-[15px] h-[15px] bg-brand-purple-3 rounded-full hover:bg-brand-purple-4 focus:shadow-[rgba(131,79,205,0.22)_0px_0px_0px_5px] relative" data-radix-collection-item="" aria-valuenow="0"
style=""></span></span></span><input value="0" style="display: none;">
<div role="radiogroup" aria-required="false" dir="ltr" class="grid grid-cols-4 gap-2 mt-2" tabindex="0" style="outline: none;"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="25"
class="py-[0.45rem] rounded-md digital-4 hover:bg-grey-10 border border-grey-10 transition-colors relative z-0 text-grey-5 " tabindex="-1" data-radix-collection-item="">25%</button><input type="radio" aria-hidden="true"
name="Buying Power Percentage Input" tabindex="-1" value="25" style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 66px; height: 32.375px;"><button type="button" role="radio"
aria-checked="false" data-state="unchecked" value="50" class="py-[0.45rem] rounded-md digital-4 hover:bg-grey-10 border border-grey-10 transition-colors relative z-0 text-grey-5 " tabindex="-1"
data-radix-collection-item="">50%</button><input type="radio" aria-hidden="true" name="Buying Power Percentage Input" tabindex="-1" value="50"
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 66px; height: 32.375px;"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="75"
class="py-[0.45rem] rounded-md digital-4 hover:bg-grey-10 border border-grey-10 transition-colors relative z-0 text-grey-5 " tabindex="-1" data-radix-collection-item="">75%</button><input type="radio" aria-hidden="true"
name="Buying Power Percentage Input" tabindex="-1" value="75" style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 66px; height: 32.375px;"><button type="button" role="radio"
aria-checked="false" data-state="unchecked" value="95" class="py-[0.45rem] rounded-md digital-4 hover:bg-grey-10 border border-grey-10 transition-colors relative z-0 text-grey-5 " tabindex="-1"
data-radix-collection-item="">95%</button><input type="radio" aria-hidden="true" name="Buying Power Percentage Input" tabindex="-1" value="95"
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 66px; height: 32.375px;"></div>
</div>
<div class="pt-2 font-mono caption-3 text-grey-5"></div>
</section>
<section>
<h2 class="mb-4 title-2 text-grey-2">
<div class="flex flex-wrap items-center gap-1 w-max">
<div>Slippage Tolerance</div><button data-state="closed" type="button"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="h-[1em] w-[1em] hover:text-grey-3 cursor-help" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.25 5.75H8.75V4.25H7.25V5.75ZM8 14C4.6925 14 2 11.3075 2 8C2 4.6925 4.6925 2 8 2C11.3075 2 14 4.6925 14 8C14 11.3075 11.3075 14 8 14ZM8 0.5C7.01509 0.5 6.03982 0.693993 5.12987 1.0709C4.21993 1.44781 3.39314 2.00026 2.6967 2.6967C1.29018 4.10322 0.5 6.01088 0.5 8C0.5 9.98912 1.29018 11.8968 2.6967 13.3033C3.39314 13.9997 4.21993 14.5522 5.12987 14.9291C6.03982 15.306 7.01509 15.5 8 15.5C9.98912 15.5 11.8968 14.7098 13.3033 13.3033C14.7098 11.8968 15.5 9.98912 15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5ZM7.25 11.75H8.75V7.25H7.25V11.75Z"
fill="currentColor"></path>
</svg></button>
</div>
</h2>
<div class="w-full p-[2px] border rounded-md border-grey-9 grid grid-cols-3">
<div role="radiogroup" aria-required="false" dir="ltr" class="grid grid-cols-3 col-span-2 gap-[2px]" tabindex="0" style="outline: none;"><button type="button" role="radio" aria-checked="true" data-state="checked" value="0.1"
class="relative z-[1] transition-colors digital-4 py-[0.3rem] hover:text-grey-1 rounded-[calc(0.375rem-2px)] hover:border border-grey-9 text-white" tabindex="-1" data-radix-collection-item="">0.1%<span data-state="checked">
<div class="absolute z-[-1] inset-0 w-full bg-grey-10 h-full rounded-[calc(0.375rem-2px)]" style="opacity: 1;"></div>
</span></button><input type="radio" aria-hidden="true" name="SlippageInput" tabindex="-1" value="0.1" checked=""
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 61.3281px; height: 32px;"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="1"
class="relative z-[1] transition-colors digital-4 py-[0.3rem] hover:text-grey-1 rounded-[calc(0.375rem-2px)] hover:border border-grey-9 text-grey-4" tabindex="-1" data-radix-collection-item="">1%</button><input type="radio"
aria-hidden="true" name="SlippageInput" tabindex="-1" value="1" style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 61.3281px; height: 32px;"><button type="button" role="radio"
aria-checked="false" data-state="unchecked" value="2" class="relative z-[1] transition-colors digital-4 py-[0.3rem] hover:text-grey-1 rounded-[calc(0.375rem-2px)] hover:border border-grey-9 text-grey-4" tabindex="-1"
data-radix-collection-item="">2%</button><input type="radio" aria-hidden="true" name="SlippageInput" tabindex="-1" value="2"
style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 61.3438px; height: 32px;"></div>
<div class="relative flex items-center justify-between input_wrapper pr-1 pl-[2px]">
<div data-orientation="vertical" aria-orientation="vertical" role="separator" class="w-[1px] h-[115%] bg-grey-9"></div>
<div
class="w-full flex items-center gap-[2px] bg-grey-13 px-2 border-[1px] input_wrapper rounded-[4px] transition-colors focus-within:border-brand-purple-3 hover:border-brand-purple-3 border-grey-7 !bg-grey-11 !rounded-none !border-none !p-0 !pl-2">
<input class="bg-transparent py-2 focus:outline-none digital-2 w-full disabled:text-grey-4 !digital-4" name="custom_slippage" type="text" max="100" id="custom_slippage" placeholder="" inputmode="decimal" autocomplete="off"
autocorrect="off" pattern="^[0-9]*[.,]?[0-9]*$" minlength="1" maxlength="79" spellcheck="false" value=""><span class="digital-2 text-grey-6 font-extralight">%</span></div><label for="custom_slippage"
class="absolute px-1 pointer-events-none -top-[0.85rem] left-3 text-grey-5 label bg-grey-11">custom</label>
</div>
</div>
<div class="overflow-hidden pt-4 text-center"></div>
</section>
<section>
<div class="flex justify-between mb-4">
<h3 class="title-2 text-grey-2">Trade Data</h3>
<a data-state="closed" type="button"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="h-[1em] w-[1em] hover:text-grey-0 hover:cursor-help text-grey-5" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 5.75H8.75V4.25H7.25V5.75ZM8 14C4.6925 14 2 11.3075 2 8C2 4.6925 4.6925 2 8 2C11.3075 2 14 4.6925 14 8C14 11.3075 11.3075 14 8 14ZM8 0.5C7.01509 0.5 6.03982 0.693993 5.12987 1.0709C4.21993 1.44781 3.39314 2.00026 2.6967 2.6967C1.29018 4.10322 0.5 6.01088 0.5 8C0.5 9.98912 1.29018 11.8968 2.6967 13.3033C3.39314 13.9997 4.21993 14.5522 5.12987 14.9291C6.03982 15.306 7.01509 15.5 8 15.5C9.98912 15.5 11.8968 14.7098 13.3033 13.3033C14.7098 11.8968 15.5 9.98912 15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5ZM7.25 11.75H8.75V7.25H7.25V11.75Z" fill="currentColor"></path></svg></a>
</div>
<dl class="flex flex-col gap-1">
<div class="flex justify-between">
<dt class="caption-2 text-grey-5">Current Price</dt>
<dd class="digital-3 text-grey-1">...</dd>
</div>
<div data-orientation="horizontal" role="separator" class="w-full mt-[0.1rem] mb-1 border-t border-dashed border-grey-8"></div>
<div class="flex justify-between">
<dt class="caption-2 text-grey-5">Execution Price</dt>
<dd class="digital-3 text-grey-1">...</dd>
</div>
<div data-orientation="horizontal" role="separator" class="w-full mt-[0.1rem] mb-1 border-t border-dashed border-grey-8"></div>
<div class="flex justify-between">
<dt class="caption-2 text-grey-5">Transaction Fee</dt>
<dd class="digital-3 text-grey-1">...</dd>
</div>
<div data-orientation="horizontal" role="separator" class="w-full mt-[0.1rem] mb-1 border-t border-dashed border-grey-8"></div>
<div class="flex justify-between">
<dt class="caption-2 text-grey-5">Price Impact</dt>
<dd class="digital-3 text-grey-1">...</dd>
</div>
<div data-orientation="horizontal" role="separator" class="w-full mt-[0.1rem] mb-1 border-t border-dashed border-grey-8"></div>
</dl>
</section>
</div>
</fieldset>
</form>Text Content
Delta Neutral Vault migration is now live. Vaults Trade History Arbitrum One Connect Wallet ETH-USDC.e Index Price ... Mark Price ... 24h Change... TVL... 1h Funding Rate ... long short Free Collateral ... Buying Power (Equity) ... AMOUNT ETH USDC 25%50%75%95% SLIPPAGE TOLERANCE 0.1% 1%2% % custom TRADE DATA Current Price... Execution Price... Transaction Fee... Price Impact... Connect Wallet Please switch over desktop to view this website. Rage Trade