Use with HTML

Import the Web components bundle and embed the Swap widget within any HTML page.

<link href="https://unpkg.com/@swing.xyz/ui/dist/index.css" rel="stylesheet" />
 
<script
  src="https://unpkg.com/@swing.xyz/ui/dist/web-components/index.mjs"
  type="module"
></script>
 
<swing-swap projectId="example-project"></swing-swap>

Customizations

Connect your Project

Learn how to setup a Swing Platform project to configure the chains, tokens and integrations used by the widget.

Configure an environment

Learn how to configure the widget to use production and testnet environments.

Customize the theme

Learn how to customize the colors, fonts and sizing used by the widget.