@lifi/wallet-management

LI.FI Widget

This repository contains LI.FI Widget and supporting libraries.

• LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.

• LI.FI Wallet Management is our library of hooks that can help you gain complete control over your app's wallet management.

Installation

LI.FI Widget

LI.FI Widget is available as an npm package.

npm:

npm install @lifi/widget

yarn:

yarn add @lifi/widget

LI.FI Wallet Management

LI.FI Wallet Management is available as an npm package.

npm:

npm install @lifi/wallet-management

yarn:

yarn add @lifi/wallet-management

Getting started with LI.FI Widget

Here is an example of a basic app using LI.FI Widget:

import { LiFiWidget, WidgetConfig } from '@lifi/widget';
import { useMemo } from 'react';

export const WidgetPage = () => {
  const widgetConfig: WidgetConfig = useMemo(() => {
    return {
      containerStyle: {
        border: `1px solid ${
          window.matchMedia('(prefers-color-scheme: dark)').matches
            ? 'rgb(66, 66, 66)'
            : 'rgb(234, 234, 234)'
        }`,
        borderRadius: '16px',
        display: 'flex',
      },
    };
  }, []);

  return <LiFiWidget config={widgetConfig} />;
};

Examples

Visit our playground to see how you can customize your LI.FI Widget experience.

Documentation

LI.FI Documentation

Changelog

The changelog is regularly updated to reflect what's changed in each new release.

License

This project is licensed under the terms of the Apache-2.0.