Style

Theme

Accent

#4DF98A

Height adjusts itself — the widget reports its size and the snippet resizes the frame, so there is no scrollbar and no empty space under the card.

Bare drops the widget's own border, fill and shadow, so only the controls render and the host's page shows through.

<iframe id="swapspro" src="https://www.swaps.pro/embed?theme=dark&accent=%234DF98A&radius=16&width=440"
  width="440" height="640"
  style="border:0;border-radius:16px;display:block;max-width:100%"
  title="SwapsPro widget" allow="clipboard-write"></iframe>
<script>
  addEventListener("message", function (e) {
    if (e.source !== document.getElementById("swapspro").contentWindow) return;
    if (e.data && e.data.type === "swapspro:height")
      document.getElementById("swapspro").style.height = e.data.height + "px";
  });
</script>

Wallets connect inside the iframe via the visitor's browser extension. Quotes and fees work exactly like on swaps.pro.