Skip to content

russell0430/uniswap_widgets

This branch is 1 commit behind Uniswap/widgets:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e66edb6 · Sep 28, 2023
Sep 28, 2023
Jan 24, 2023
Oct 13, 2022
Sep 25, 2023
Mar 6, 2023
May 5, 2022
Nov 19, 2022
Nov 19, 2022
Aug 8, 2022
Apr 15, 2019
Aug 11, 2022
Dec 7, 2022
May 2, 2022
Dec 7, 2022
Jul 23, 2019
Aug 16, 2022
Jun 7, 2022
Jun 7, 2022
May 31, 2022
Mar 14, 2023
Mar 1, 2023
Sep 25, 2023
Aug 11, 2022
Jun 2, 2022
Mar 14, 2023
Dec 7, 2022
Sep 25, 2023

Repository files navigation

Uniswap Labs Widgets

npm Unit tests Integration tests Lint Crowdin

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.

Uniswap Labs Swap Widget

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.

swap widget screenshot

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.

Installation

Install the widgets library via npm or yarn.

yarn add @uniswap/widgets
npm i --save @uniswap/widgets

Documentation

Example Apps

Uniswap Labs maintains two demo apps in branches of the widgets-demo repo:

Others have also also released the widget in production to their userbase:

Legal notice

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.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.6%
  • JavaScript 1.3%
  • SCSS 0.1%