LI.FI Widget is a set of prebuilt UI components that will help you integrate a secure cross-chain bridging and swapping experience that can be styled to match your web app design perfectly and helps drive your multi-chain strategy and attract new users from everywhere.
LI.FI Widget features include:
LI.FI Widget is available as an npm package.
npm:
npm install @lifi/widget
yarn:
yarn add @lifi/widget
LI.FI Wallet Management is available as an npm package.
npm:
npm install @lifi/wallet-management
yarn:
yarn add @lifi/wallet-management
Here is an example of a basic app using LI.FI Widget:
import { LiFiWidget, WidgetConfig } from '@lifi/widget';
const widgetConfig: WidgetConfig = {
theme: {
container: {
border: '1px solid rgb(234, 234, 234)',
borderRadius: '16px',
},
},
};
export const WidgetPage = () => {
return (
<LiFiWidget integrator="Your dApp/company name" config={widgetConfig} />
);
};
Visit our playground to see how you can customize your LI.FI Widget experience. Additionally, see examples folder in this repository.
Please visit LI.FI Widget Documentation.
We appreciate your interest in helping translate our project!
If you'd like to contribute translations, please visit our Crowdin project page at Crowdin LI.FI Widget. Register on Crowdin and you can start translating the project into your preferred language. Your contributions will help make our project accessible to a wider audience around the world.
Thank you for your support!
The changelog is regularly updated to reflect what's changed in each new release.
This project is licensed under the terms of the Apache-2.0.