ZentraFi
GitHubLaunch App
Pharos Atlantic Testnet

Embeddable Swap Terminal
for ZentraFi

Drop a fully functional DEX swap interface into any dApp in minutes. Three display modes, fully themeable, zero-config wallet integration.

$npm install @zentrafi/terminal

Display Mode

Theme

Panel BG
#0d1117
Primary Color
#97CBDC
Primary Text
#FFFFFF
Secondary Text
#6b7280
Positive Text
#4ade80
Warning Text
#fbbf24
Error Text
#f87171
Button Text
#000000

Initial Slippage

Independent Wallet

Terminal manages its own wallet connection

Options

Custom Logo

Live Preview — Integrated
import { ZentraTerminal } from '@zentrafi/terminal'
import '@zentrafi/terminal/dist/style.css'

<ZentraTerminal initProps={{
  displayMode: "Integrated",
  themeType: "Dark",
  theme: {
    "bg_primary": "#0d1117",
    "primary": "#97CBDC",
    "text_primary": "#FFFFFF",
    "text_secondary": "#6b7280",
    "success": "#4ade80",
    "warning": "#fbbf24",
    "error": "#f87171",
    "btn_text": "#000000",
    "bg_overlay": "rgba(0,0,0,0.65)",
    "border": "rgba(255,255,255,0.1)"
},
  independentWallet: true,
  initialSlippage: 0.5,
  walletConnectProjectId: "YOUR_PROJECT_ID",
}} />

What's included

🔳

3 Display Modes

Integrated inline, floating Widget, or full-screen Modal — fits any page layout.

🎨

Fully Themeable

Dark/Light presets plus per-color overrides via CSS variables. No Tailwind required.

⚡

DLMM Routing

Real-time quotes via ZentraFi's Liquidity Book pools. Auto price-impact warnings.

🔐

Independent Wallet

Manages its own wallet connection or follows your dApp's existing wagmi context.

🌐

Script Tag Support

window.ZentraX.init() for non-React frameworks: Vue, Svelte, vanilla JS.

🔄

Wrap / Unwrap

1:1 PHRS ↔ WPHRS handled automatically. No extra config needed.