Skip to content

Widget

The SilentSwap Widget (@silentswap/widget) is a drop-in, embeddable swap component that adds private cross-chain swaps to any web application with minimal code.

Features

  • Zero backend required — all swap logic runs client-side
  • Multi-chain — supports EVM, Solana, and Bitcoin out of the box
  • Built-in wallet connection — powered by Reown AppKit (WalletConnect)
  • Themeable — match your app's look and feel with a simple theme object
  • Two integration modes — inline component or modal overlay
  • React & Vanilla JS — works with any framework or plain HTML

Quick Start

Install

npm install @silentswap/widget
# or
bun add @silentswap/widget

Add to your app

import { SilentSwapWidget } from '@silentswap/widget';
import '@silentswap/widget/style.css';
 
function App() {
  return (
    <SilentSwapWidget
      config={{
        walletConnectProjectId: 'YOUR_PROJECT_ID',
        environment: 'MAINNET',
      }}
    />
  );
}

That's it — your users can now connect a wallet and perform private swaps directly in your app.

Prerequisites

You need a WalletConnect / Reown project ID. Get one for free at cloud.reown.com.

Next Steps