Widget Builder

Create a personalized LiquidSwap widget to embed on your website. Configure the appearance, customize fee collection, and start accepting swaps!

Widget Configuration

Customize your LiquidSwap widget appearance and behavior.

Colors

Customize the main widget colors.

Simple Mode

Background

Widget & card backgrounds, switch button border

Text

Primary text color, wallet button text

Accent

Buttons, links, input borders (hover/focus), switch icon

Surface

Input backgrounds, borders, switch & wallet button backgrounds

Muted Text

Secondary text, labels, placeholders

Component-Specific Colors

Fine-tune individual component appearances. Can be toggled off (simple mode)

Input Field Borders

Default

Hover

Focus

Switch Token Button (↓ Arrow)

Background

Icon

Border

Connect Wallet Button

Background

Text

Hover

Width (px)

Border Radius (px)

Logo Text

Leave empty to hide the header. First letter will appear in the logo circle.

Logo Image

Upload a custom logo image (max 5MB). Supports JPG, PNG, GIF, WebP.

Show Header Wallet Button

Show "Powered by"

Show Exchanges List

Fee Recipient Address

Wallet address to receive swap fees. Leave empty to use default.

Fee Basis Points

Fee in basis points (1 = 0.01%). Leave empty to use dynamic fee (10-50 bps).

Default Buy Token

Set the default token to buy. Enter the token contract address.
Example: 0x1ecd15865d7f8019d546f76d095d9c93cc34edfa

Preview

See how your widget will look

Size: 480px × 600px• Saved Configuration

Embed Code

Copy this code to embed the widget on your website

Widget URL

HTML Embed Code

Beta

Checking health...