The @uniswap/widgets package is an npm package of React components used to provide subsets of the Uniswap Protocol functionality in a small and configurable user interface element.
This is an extension version of Uniswap widget that provides importable built-in themes for mania developers.
The Swap Widget bundles the whole swapping experience into a single React component that developers can easily embed in their app with one line of code.
In this version it was updated with additional built-in theme styles that can plugged-in.
You can customize the theme (colors, fonts, border radius, and more) to match the style of your application. You can also configure your own default token list and optionally set a convenience fee on swaps executed through the widget on your site.
Install the widgets library via npm or yarn.
yarn add @uniswap/widgetsnpm i --save @uniswap/widgetsUniswap Labs maintains two demo apps in branches of the widgets-demo repo:
Others have also also released the widget in production to their userbase:
Uniswap Labs encourages integrators to evaluate their own regulatory obligations when integrating this widget into their products, including, but not limited to, those related to economic or trade sanctions compliance.