Skip to main content
Yield.xyz provides ready-made interfaces built on the same APIs you integrate directly. Use one to launch Earn, Borrow or Perps without building the UI yourself, then keep it or replace it later. Each one calls the APIs with your project’s API key, so it shows only what is enabled for your project. Users sign every transaction in their own wallet.

​
Which one to use

Borrow is a Widget Pro setting, not a separate widget. Turn it on with borrowEnabled. See the Borrow widget guide.

​
Try the demos

Wallet extensions connect more reliably in a full tab than inside an embedded demo, so open a demo in a new tab to try a full flow.

​
Before you go live

  • API key exposure. A widget runs in the browser, so its API key is readable by anyone who loads the page. Read the security notice for the risks and how to limit them.
  • What users see. The widgets show only the yields, markets and venues enabled for your project. Use yield blocking to remove specific yields.
  • Fees. Fees configured for your project apply to actions taken through a widget, as they do through the API. See Earn monetization.
  • Theming. The yield widget and Widget Pro take a theme object with your colors, fonts and radii. To restyle the Perps apps, edit their source.

​
Guides

Yield widget

Install, embed, wallets, theming and every prop.

Widget Pro

The dashboard layout, with Borrow, Manage and Activity.

Perps widget

Run, deploy and embed the compact Perps module.

Perps dashboard

Run and deploy the full trading terminal.