Peach Plugin

Seamlessly embed a full Peach Swap experience directly in your application. Customize colors, tokens, and behavior to match your brand.

Configuration

Default Tokens

Input token address

Output token address

Initial Slippage Tolerance

User can set their own slippage tolerance when trading.

Custom Fee

Optional fee charged on the swap output amount.

Fee Recipient

Fee (%)

Loading router custom fee limit.

Independent Wallet Connection

This widget supports two wallet connection modes: 1. Independent 2. Use dApp Wallet

Branding

Logo URL

App Name

Max 16 characters (0/16)

Custom Themes

Platform BG

Primary Color

Primary Text

Secondary Text

Positive Text

Warning Text

Error Text

Button Text Color

Peach renders as a part of your dApp.

How to use

1Script Embed

Ideal for vanilla HTML, CMS, or non-React environments. Simply include our versionedCSSandJSbundles from the CDN, then initialize the terminal viawindow.PeachSwap.init(). Script embeds default to a managed wallet experience for plug-and-play integration.

2React Component

Native integration for React applications. UseindependentWallet={true}for a standalone wallet UI. Alternatively, set it tofalsewhile nested inside your existingWagmiProviderto allow the terminal to share your dApp's active wallet connection.

Setup HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Peach Terminal</title>
  <link rel="stylesheet" href="https://peach-terminal.vercel.app/assets/style.v0.0.1.css" />
  <script src="https://peach-terminal.vercel.app/assets/main.v0.0.1.js"></script>
</head>
<body>
  <div id="peach-terminal"></div>

  <script>
    window.PeachSwap.init({
      el: "#peach-terminal",
      display: {
        mode: "integrated",
      },
      theme: "dark",
      // Note: script embeds always run in Peach-managed wallet mode.
      // AppKit / host wallet mode is only available in React integration.
      customTheme: {
        platformBg: "#060606",
        primaryColor: "#ffb44e",
        primaryText: "#ffffff",
        secondaryText: "#ababab",
        positiveText: "#14de59",
        warningText: "#ff8d2b",
        errorText: "#ff492a",
        buttonTextColor: "#1f1f1f",
      },
    });
  </script>
</body>
</html>

React component

import { PeachTerminal } from "@peach/terminal-react";

export function MySwapWidget() {
  return (
    <PeachTerminal
      display={{ mode: "integrated" }}
      theme="dark"
      independentWallet={true}
      customTheme={{
        platformBg: "#060606",
        primaryColor: "#ffb44e",
        primaryText: "#ffffff",
        secondaryText: "#ababab",
        positiveText: "#14de59",
        warningText: "#ff8d2b",
        errorText: "#ff492a",
        buttonTextColor: "#1f1f1f",
      }}
     />
  );
}

Why Choose Peach Plugin

Lightning Fast

Optimized routing across multiple DEXs for the best rates with minimal latency.

Fully Customizable

Match your brand with custom colors, logos, and display options.

Earn Fees

Set referral fees and earn from every swap made through your integration.

Secure & Audited

Battle-tested smart contracts with multiple security audits.