Skip to main content

White-label UI

The Owney White-label UI allows you to quickly integrate DeFi Agents into your application without building a custom interface. You can embed the UI directly into your product and customize the visual styling to match your brand. Once initialized, the widget automatically handles wallet interaction, agent activation, strategy deposits, portfolio monitoring, and earnings tracking. See below an example of the white-label UI with customizations applied.

Owney White-label UI

The widget communicates with the connected wallet through the provided EIP-1193 provider, while Owney manages the underlying agent infrastructure. This is the fastest way to launch DeFi Agents in your app while minimizing development effort and relying on Owney to handle the full interaction layer.

Integration​

To integrate the White-label UI, include the Owney widget script and initialize the widget in your application.

<script src="https://owney.app/widget.js"></script>

<script>
  OwneyWidget.init({
    apiKey: "YOUR_API_KEY",
    provider: provider,
  });
</script>

Wallet provider​

The widget requires an EIP-1193 compatible provider to communicate with the user’s wallet and execute transactions. This provider can be obtained from any wallet integration used in your application.

Example using an injected wallet:

const provider = window.ethereum

await provider.request({
  method: "eth_requestAccounts"
})

OwneyWidget.init({
  apiKey: "YOUR_API_KEY",
  provider
})

If your application already integrates a wallet solution (e.g. Privy, or WalletConnect), simply pass the provider returned by that library.

Embedding the widget​

The widget can be embedded anywhere in your application interface. Most partners integrate it as a dedicated “AI Agents” or “DeFi Earn” section

<div id="owney-container"></div>
OwneyWidget.init({
  apiKey: "YOUR_API_KEY",
  provider,
  container: "#owney-container"
})

UI customization​

The White-label UI supports customization options to match the styling of your application.

Supported options include:

  • primaryColor — Primary accent color
  • secondaryColor — Secondary UI color
  • background — Background color
  • font — Font family
  • borderRadius — Border radius for components

Example:

OwneyWidget.init({
  apiKey: "YOUR_API_KEY",
  provider,
  styling: {
    primaryColor: "#4A7FDD",
    secondaryColor: "#002B5B",
    background: "#FFFFFF",
    borderRadius: "22px"
  }
})