> For the complete documentation index, see [llms.txt](https://docs.syncswap.xyz/syncswap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.syncswap.xyz/syncswap/integration/swapbox.md).

# SwapBox

The SwapBox widget enables a seamless and easy-to-use trading experience for any web app powered by SyncSwap.

## Integration

You can easily integrate the SyncSwap SwapBox into your web apps with the iframe.

```tsx
<iframe
  src={`https://service.syncswap.net/widget?overlay=true&dark=true`}
/>
```

### Params

* overlay (boolean) - whether the background overlay is enabled
* dark (boolean) - whether the dark theme is enabled
* inputCurrency (address) - the input token
* outputCurrency (address) - the output token