# Marswap Widgets

The `@marswap-exchange/widget` package is an [npm package](https://www.npmjs.com/package/@marswap-exchange/widget) of React components used to provide subsets of the Marswap Protocol functionality in a small and configurable user interface element.

# Marswap Widget

Marswap widget provides users of your website with a handy tool for swap tokens at the best rate.

![swap widget screenshot](https://docs.kyberswap.com/assets/images/widget_powered_by_kyberswap-c8e301050927f11aac9f414ded1c88b6.gif)

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`.

```js
yarn add @marswap-exchange/widget
```

```js
npm i --save @marswap-exchange/widget
```

## Documentation

- [overview](https://docs.kyberswap.com/Aggregator/swap-widget/getting-started)

## Example Apps

- [NextJS](https://github.com/KyberNetwork/kyberswap-widgets/tree/main/examples/nextjs-demo)
- [Vite React App](https://github.com/KyberNetwork/kyberswap-widgets/tree/main/examples/react-demo)