Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kybernetwork/kyberswap-widgets

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/kybernetwork/kyberswap-widgets
Owner: KyberNetwork
Created: 2022-09-08T08:13:16.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-11-20T10:08:03.000Z (about 2 months ago)
Last Synced: 2024-11-20T11:43:20.354Z (about 2 months ago)
Language: TypeScript
Size: 1.29 MB
Stars: 4
Watchers: 5
Forks: 15
Open Issues: 8
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# KyberSwap Widgets

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

# KyberSwap Widget

KyberSwap 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 @kyberswap/widgets
```

```js
npm i --save @kyberswap/widgets
```

## 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)