open-index/open-npm huggingface dataset:
npm package: @polyswapai/widget
Description: Build your DeFi aggregator with just a few lines of code with Polyswap API
Author: Wei J. Zheng
Latest version: 1.0.19

# Polyswap Widget

The Polyswap White Label is a customizable swap widget that uses the Polyswap API. Whether you are using plain HTML, vanilla, or modular projects such as React, the Polyswap 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.

## Docs

- [Documentations](https://docs.poodl.exchange/category/whitelabel-exchange)

- [Storybook Playground](https://whitelabel.poodl.exchange/)

## Demo

- [Install as node module](https://codesandbox.io/s/jovial-moser-nz5qli?file=/src/App.tsx)
- [Install in browser using script tag](https://codesandbox.io/s/romantic-surf-drrn7p?file=/index.html)

## Installing

**NPM**

```
npm i @polyswapai/widget
```

**Yarn**

```
yarn add @polyswapai/widget
```

**browser (UMD)**

```
<script src="https://cdn.jsdelivr.net/npm/@polyswapai/widget@latest/bundles/polyswap-app.min.js" type="text/javascript">
</script>
```

## Font

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'>
```
npm package: @polysystems/ui
Description: Poly UI — internal component library. Copy-paste into your project.
Latest version: 0.1.0

# Poly UI

Internal component library for Poly products. shadcn-style copy-paste installation.

## Quick Start

```bash
npx @polysystems/ui init
npx @polysystems/ui add button card modal
```

## Usage

```tsx
import { Button } from '@/components/ui/button'

<Button variant="primary" onClick={save}>Save</Button>
```

45 components. Zero dependencies. TypeScript. Dark + Light themes.