release-53.gmx-interface.pages.dev Open in urlscan Pro
2606:4700:310c::ac42:2f86  Public Scan

URL: https://release-53.gmx-interface.pages.dev/
Submission: On December 19 via api from JP — Scanned from JP

Form analysis 1 forms found in the DOM

<form>
  <div data-qa="pay">
    <div class="Exchange-swap-section buy-input">
      <div class="buy-input-top-row">
        <div data-label="left" class="text-gray-300">Pay</div>
        <div data-label="right" class="align-right clickable"><span class="text-gray-300">Balance</span></div>
      </div>
      <div class="Exchange-swap-section-bottom">
        <div class="Exchange-swap-input-container"><input data-qa="pay-input" type="text" inputmode="decimal" placeholder="0.0" class="Exchange-swap-input" autocomplete="off" autocorrect="off" minlength="1" maxlength="15" spellcheck="false" value="">
        </div>
        <div class="PositionEditor-token-symbol">
          <div class="TokenSelector text-h2 -mr-5">
            <div data-qa="collateral-selector" class="flex cursor-pointer items-center whitespace-nowrap hover:text-blue-300"><span class="inline-flex items-center"><img data-qa="token-icon" class="Token-icon inline mr-5"
                  src="/assets/ic_usdc_24-NYWqyOtz.svg" alt="USDC" width="20" height="20"><span>USDC</span></span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-body-large" height="1em" width="1em"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
              </svg></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="Exchange-swap-ball-container"><button type="button" class="Exchange-swap-ball bg-blue-500" data-qa="swap-ball" disabled=""><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512"
        class="Exchange-swap-ball-icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
        <path d="M131.3 231.1L32 330.6l99.3 99.4v-74.6h174.5v-49.7H131.3v-74.6zM480 181.4L380.7 82v74.6H206.2v49.7h174.5v74.6l99.3-99.5z"></path>
      </svg></button></div>
  <div data-qa="buy">
    <div class="Exchange-swap-section buy-input">
      <div class="buy-input-top-row">
        <div data-label="left" class="text-gray-300">Long</div>
        <div data-label="right" class="align-right"><span class="text-gray-300">Leverage</span><span class="Exchange-swap-label">:&nbsp;2.00x</span></div>
      </div>
      <div class="Exchange-swap-section-bottom">
        <div class="Exchange-swap-input-container"><input data-qa="buy-input" type="text" inputmode="decimal" placeholder="0.0" class="Exchange-swap-input" autocomplete="off" autocorrect="off" minlength="1" maxlength="15" spellcheck="false" value="">
        </div>
        <div class="PositionEditor-token-symbol">
          <div class="TokenSelector MarketSelector side-menu">
            <div class="flex cursor-pointer items-center whitespace-nowrap hover:text-blue-300 text-h2 -mr-5" data-qa="market-selector">...<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-body-large"
                height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
              </svg></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="SwapBox-info-section">
    <div class="Switch-toggle-wrapper Exchange-leverage-slider-settings"><span><span class="muted">Leverage slider</span></span>
      <div class="flex items-center gap-8">
        <div class="">
          <div class="Suggestion-input-wrapper">
            <div class="Suggestion-input"><input type="text" inputmode="decimal" class="w-40 text-right outline-none" autocomplete="off" autocorrect="off" minlength="1" maxlength="15" spellcheck="false" value="2"><label><span>x</span></label></div>
          </div>
        </div>
        <div class="Switch-toggle checked">
          <div class="handle"></div>
        </div>
      </div>
    </div>
    <div class="LeverageSlider positive" data-qa="leverage-slider">
      <div class="rc-slider rc-slider-with-marks">
        <div class="rc-slider-rail"></div>
        <div class="rc-slider-track" style="left: 0%; right: auto; width: 28.5714%;"></div>
        <div class="rc-slider-step"><span class="rc-slider-dot rc-slider-dot-active" style="left: 0%;"></span><span class="rc-slider-dot rc-slider-dot-active" style="left: 14.2857%;"></span><span class="rc-slider-dot rc-slider-dot-active"
            style="left: 28.5714%;"></span><span class="rc-slider-dot" style="left: 42.8571%;"></span><span class="rc-slider-dot" style="left: 57.1429%;"></span><span class="rc-slider-dot" style="left: 71.4286%;"></span><span class="rc-slider-dot"
            style="left: 85.7143%;"></span><span class="rc-slider-dot" style="left: 100%;"></span></div>
        <div tabindex="0" data-qa="leverage-slider-handle" class="rc-slider-handle" role="slider" aria-valuemin="0" aria-valuemax="70" aria-valuenow="20" aria-disabled="false" style="left: 28.5714%; right: auto; transform: translateX(-50%);"></div>
        <div class="rc-slider-mark"><span class="rc-slider-mark-text rc-slider-mark-text-active" style="transform: translateX(-50%); left: 0%;">0.1x</span><span class="rc-slider-mark-text rc-slider-mark-text-active"
            style="transform: translateX(-50%); left: 14.2857%;">1x</span><span class="rc-slider-mark-text rc-slider-mark-text-active" style="transform: translateX(-50%); left: 28.5714%;">2x</span><span class="rc-slider-mark-text"
            style="transform: translateX(-50%); left: 42.8571%;">5x</span><span class="rc-slider-mark-text" style="transform: translateX(-50%); left: 57.1429%;">10x</span><span class="rc-slider-mark-text"
            style="transform: translateX(-50%); left: 71.4286%;">15x</span><span class="rc-slider-mark-text" style="transform: translateX(-50%); left: 85.7143%;">25x</span><span class="rc-slider-mark-text"
            style="transform: translateX(-50%); left: 100%;">50x</span></div>
      </div>
    </div>
    <div class="Exchange-info-row SwapBox-info-row">
      <div class="Exchange-info-label">Pool</div>
      <div class="Exchange-info-value">
        <div data-headlessui-state="">
          <div class="SelectorBase-button group/selector-base" data-qa="pool-selector-button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-:r8:"><svg stroke="currentColor" fill="currentColor" stroke-width="0"
              viewBox="0 0 24 24" class="-my-5 -mr-4 inline-block align-middle text-24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
              <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
            </svg></div>
        </div>
        <div hidden="" style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"></div>
      </div>
    </div>
    <div class="Exchange-info-row SwapBox-info-row">
      <div class="Exchange-info-label"><span class="Tooltip"><span class="Tooltip-handle">Collateral In</span></span></div>
      <div class="Exchange-info-value">
        <div data-headlessui-state="">
          <div class="SelectorBase-button group/selector-base" data-qa="collateral-in-selector-button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-:rc:"><svg stroke="currentColor" fill="currentColor" stroke-width="0"
              viewBox="0 0 24 24" class="-my-5 -mr-4 inline-block align-middle text-24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
              <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
            </svg></div>
        </div>
        <div hidden="" style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"></div>
      </div>
    </div>
    <div class="App-card-divider"></div>
    <div class="Exchange-info-row !items-center">
      <div class="Exchange-info-label">
        <div class="AlertInfo text-gray-300 text-body-medium !mb-0">
          <div class="AlertInfo-icon"><svg height="13.125" viewBox="0 0 13.125 13.125" width="13.125" xmlns="http://www.w3.org/2000/svg" aria-label="Alert Icon">
              <path
                d="m-7-11.812a6.563 6.563 0 0 0 -6.562 6.562 6.562 6.562 0 0 0 6.562 6.563 6.562 6.562 0 0 0 6.563-6.563 6.563 6.563 0 0 0 -6.563-6.562zm0 3.062a.875.875 0 0 1 .875.875.875.875 0 0 1 -.875.875.875.875 0 0 1 -.875-.875.875.875 0 0 1 .875-.875zm1.094 7h-2.188a.656.656 0 0 1 -.656-.656.656.656 0 0 1 .656-.656h.438v-1.75h-.219a.656.656 0 0 1 -.656-.656.656.656 0 0 1 .656-.656h.875a.656.656 0 0 1 .656.656v2.406h.438a.656.656 0 0 1 .656.656.656.656 0 0 1 -.656.656z"
                fill="#6b6d84" transform="translate(13.563 11.813)"></path>
            </svg></div>
          <div class="AlertInfo-text"><span class="Tooltip"><span class="Tooltip-handle text-body-medium">One-Click Trading</span></span></div>
        </div>
      </div>
      <div class="Exchange-info-value"><span class="flex flex-row items-center justify-center gap-4 whitespace-nowrap"><button type="button" class="button link center">Enable</button><button
            class="-my-4 rounded-4 p-4 text-gray-500 hover:bg-[#50577e99] hover:text-slate-100 focus:bg-[#50577e99] focus:text-slate-100 active:bg-[#50577eb3] active:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
              viewBox="0 0 24 24" stroke="currentColor" class="w-16">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
            </svg></button></span></div>
    </div>
    <div class="App-card-divider"></div>
    <div class="-mx-15 px-15 py-[1.05rem] -my-[1.05rem]">
      <div class="Exchange-info-row group !items-center hover:text-blue-300 !mb-0 cursor-pointer">
        <div class="Exchange-info-label"><span class="flex flex-row justify-between align-middle group-hover:text-blue-300">Limit / TP / SL</span></div>
        <div class="Exchange-info-value"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="-mb-4 -mr-[0.3rem] -mt-4 h-24 w-24 opacity-70" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
            <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
          </svg></div>
      </div>
      <div class="hidden">
        <div>
          <div class="Exchange-info-row swap-box-info-row whitespace-nowrap">
            <div class="Exchange-info-label">Take-Profit</div>
            <div class="Exchange-info-value">
              <div class="profit-loss-wrapper">
                <div class="grid gap-y-3">
                  <div class="flex flex-row gap-10"><span class="Tooltip"><span class="">
                        <div class="group relative rounded-4 border border-solid bg-slate-700 pl-5 leading-1  border-slate-700 focus-within:border-cold-blue-500 hover:border-cold-blue-700 hover:focus-within:border-cold-blue-500"><span
                            class="cursor-pointer opacity-70">$</span><input type="text" inputmode="decimal" placeholder="Price" class="SideOrderInput rounded-4 py-2 pr-5 text-right text-14 max-w-90" autocomplete="off" autocorrect="off" minlength="1"
                            maxlength="15" spellcheck="false" value=""></div>
                      </span></span>
                    <div class="group relative"><span class="Tooltip"><span class="">
                          <div class="Suggestion-input-wrapper">
                            <div class="Suggestion-input"><input type="text" inputmode="decimal" placeholder="Size" class="w-48 outline-none" autocomplete="off" autocorrect="off" minlength="1" maxlength="15" spellcheck="false"
                                value="100"><label><span>%</span></label></div>
                          </div>
                        </span></span></div>
                    <div class="flex h-full items-center gap-5"><button type="button"
                        class="inline-flex items-center justify-center rounded-4 border-none p-5 opacity-70 hover:opacity-100 disabled:hover:opacity-70 disabled:cursor-not-allowed bg-green-500/15"><svg stroke="currentColor" fill="currentColor"
                          stroke-width="0" viewBox="0 0 448 512" color="#5EC989" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="color: rgb(94, 201, 137);">
                          <path
                            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z">
                          </path>
                        </svg></button><button type="button" class="inline-flex items-center justify-center rounded-4 border-none p-5 opacity-70 hover:opacity-100 disabled:hover:opacity-70 disabled:cursor-not-allowed bg-red-500/15"><svg
                          stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" color="#E74E5D" class="rotate-45" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="color: rgb(231, 78, 93);">
                          <path
                            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z">
                          </path>
                        </svg></button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="Exchange-info-row swap-box-info-row">
            <div class="Exchange-info-label">Take-Profit PnL</div>
            <div class="Exchange-info-value">-</div>
          </div>
        </div>
        <div>
          <div class="Exchange-info-row swap-box-info-row whitespace-nowrap">
            <div class="Exchange-info-label">Stop-Loss</div>
            <div class="Exchange-info-value">
              <div class="profit-loss-wrapper">
                <div class="grid gap-y-3">
                  <div class="flex flex-row gap-10"><span class="Tooltip"><span class="">
                        <div class="group relative rounded-4 border border-solid bg-slate-700 pl-5 leading-1  border-slate-700 focus-within:border-cold-blue-500 hover:border-cold-blue-700 hover:focus-within:border-cold-blue-500"><span
                            class="cursor-pointer opacity-70">$</span><input type="text" inputmode="decimal" placeholder="Price" class="SideOrderInput rounded-4 py-2 pr-5 text-right text-14 max-w-90" autocomplete="off" autocorrect="off" minlength="1"
                            maxlength="15" spellcheck="false" value=""></div>
                      </span></span>
                    <div class="group relative"><span class="Tooltip"><span class="">
                          <div class="Suggestion-input-wrapper">
                            <div class="Suggestion-input"><input type="text" inputmode="decimal" placeholder="Size" class="w-48 outline-none" autocomplete="off" autocorrect="off" minlength="1" maxlength="15" spellcheck="false"
                                value="100"><label><span>%</span></label></div>
                          </div>
                        </span></span></div>
                    <div class="flex h-full items-center gap-5"><button type="button"
                        class="inline-flex items-center justify-center rounded-4 border-none p-5 opacity-70 hover:opacity-100 disabled:hover:opacity-70 disabled:cursor-not-allowed bg-green-500/15"><svg stroke="currentColor" fill="currentColor"
                          stroke-width="0" viewBox="0 0 448 512" color="#5EC989" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="color: rgb(94, 201, 137);">
                          <path
                            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z">
                          </path>
                        </svg></button><button type="button" class="inline-flex items-center justify-center rounded-4 border-none p-5 opacity-70 hover:opacity-100 disabled:hover:opacity-70 disabled:cursor-not-allowed bg-red-500/15"><svg
                          stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" color="#E74E5D" class="rotate-45" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="color: rgb(231, 78, 93);">
                          <path
                            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z">
                          </path>
                        </svg></button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="Exchange-info-row swap-box-info-row">
            <div class="Exchange-info-label">Stop-Loss PnL</div>
            <div class="Exchange-info-value">-</div>
          </div>
        </div>
      </div>
    </div>
    <div class="App-card-divider"></div>
    <div class="Exchange-info-row">
      <div class="Exchange-info-label">Execution Price</div>
      <div class="Exchange-info-value">-</div>
    </div>
    <div class="Exchange-info-row">
      <div class="Exchange-info-label">Liq. Price</div>
      <div class="Exchange-info-value">-</div>
    </div>
    <div class="App-card-divider"></div>
    <div class="-mx-15 px-15 py-[1.05rem] -my-[1.05rem]">
      <div class="Exchange-info-row group !items-center hover:text-blue-300 !mb-0 cursor-pointer">
        <div class="Exchange-info-label"><span class="flex flex-row justify-between align-middle group-hover:text-blue-300">Advanced Display</span></div>
        <div class="Exchange-info-value"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="-mb-4 -mr-[0.3rem] -mt-4 h-24 w-24 opacity-70" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
            <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
          </svg></div>
      </div>
      <div class="hidden">
        <div>
          <div class="Exchange-info-row">
            <div class="Exchange-info-label">Collateral Spread</div>
            <div class="Exchange-info-value">-</div>
          </div>
          <div class="Exchange-info-row">
            <div class="Exchange-info-label"><span class="Tooltip"><span class="Tooltip-handle">Allowed Slippage</span></span></div>
            <div class="Exchange-info-value">
              <div class="Percentage-input-wrapper"><span class="Tooltip"><span class="">
                    <div class="Percentage-input"><span class="Percentage-input-negative-sign">-</span><input id="0.mbzdk1k82n" placeholder="0.3" autocomplete="off" value="0.3"><label for="0.mbzdk1k82n"><span>%</span></label></div>
                  </span></span></div>
            </div>
          </div>
          <div class="App-card-divider"></div>
          <div class="Exchange-info-row">
            <div class="Exchange-info-label">Leverage</div>
            <div class="Exchange-info-value">2.00x</div>
          </div>
        </div>
      </div>
    </div>
    <div class="App-card-divider"></div>
    <div class="Exchange-info-row TradeFeesRow">
      <div class="Exchange-info-label">Fees</div>
      <div class="Exchange-info-value">-</div>
    </div>
    <div class="Exchange-info-row">
      <div class="Exchange-info-label"><span class="Tooltip"><span class="Tooltip-handle">Network Fee</span></span></div>
      <div class="Exchange-info-value">-</div>
    </div>
    <div class="App-card-divider"></div>
  </div>
  <div class="Exchange-swap-button-container"><button data-qa="confirm-trade-button" class="button primary-action mt-4 w-full [text-decoration:inherit] center">Connect Wallet</button></div>
</form>

Text Content

You need to enable JavaScript to run this app.
Dashboard
Earn
Buy
Referrals
Leaderboard
Ecosystem
Docs
Trade
Connect Wallet


...

$0.00
-
24h Volume
...
Open Interest (/)
...
...
Available Liquidity
...
...
Net Rate / 1h
...
...
V1
V2

Positions
Orders
Trades
Claims
Chart positions

PositionSizeNet ValueCollateralEntry PriceMark PriceLiq. Price
Loading...

Long
Short
Swap
Market
Limit
TP/SL
Pay
Balance
USDC

Long
Leverage: 2.00x
...
Leverage slider
x

0.1x1x2x5x10x15x25x50x
Pool

Collateral In


One-Click Trading
Enable

Limit / TP / SL

Take-Profit
$
%

Take-Profit PnL
-
Stop-Loss
$
%

Stop-Loss PnL
-

Execution Price
-
Liq. Price
-

Advanced Display

Collateral Spread
-
Allowed Slippage
-%

Leverage
2.00x

Fees
-
Network Fee
-

Connect Wallet


Media KitCharts by TradingView
Leave feedback