The TheDefiEngine White Label is a customizable swap widget that uses the TheDefiEngine API. Whether you are using plain HTML, vanilla, or modular projects such as React, the TheDefiEngine White Label gives you access to a fully functional DeFi aggregator in your website with few lines of code, including a powerful API aggregating multiple liquidity sources, smart contracts and a fully customizable UI—all for free. In this guide, we walk you through adding the code to your website or dApp. We also show you how to customize the code to make it match your brand's style and even collect affiliate fees when your community uses the widget to swap.
NPM
npm i @thedefiengine/widget
Yarn
yarn add @thedefiengine/widget
Browser
<script src="https://cdn.jsdelivr.net/npm/@thedefiengine/widget@latest/bundles/thedefiengine.min.js" type="text/javascript">
</script>
React
Check out the React SDK
By default we use Roboto font. Include following font stylesheet or install using @fontsource/roboto
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>