{"id":19572798,"url":"https://github.com/lifinance/widget","last_synced_at":"2026-04-09T12:59:43.199Z","repository":{"id":37422916,"uuid":"449707141","full_name":"lifinance/widget","owner":"lifinance","description":"LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.","archived":false,"fork":false,"pushed_at":"2026-03-26T15:33:37.000Z","size":52569,"stargazers_count":192,"open_issues_count":27,"forks_count":116,"subscribers_count":9,"default_branch":"main","last_synced_at":"2026-03-26T17:38:13.195Z","etag":null,"topics":["bridge","bridge-aggregation","cross-chain","cross-chain-applications","cross-chain-bridge","cross-chain-swap","dapp","defi","ethereum","integration","lifi","react","solana","ui","viem","wagmi","web3","widget"],"latest_commit_sha":null,"homepage":"https://li.fi/widget","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lifinance.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":"funding.json","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{}},"created_at":"2022-01-19T13:40:28.000Z","updated_at":"2026-03-25T15:07:47.000Z","dependencies_parsed_at":"2023-11-13T12:31:06.311Z","dependency_job_id":"d1444a44-1f5d-4241-b12b-ecce5388c577","html_url":"https://github.com/lifinance/widget","commit_stats":{"total_commits":1734,"total_committers":12,"mean_commits":144.5,"dds":0.06747404844290661,"last_synced_commit":"93bcaf1d4c0100f2fa35fd0efd54f5fb18be2981"},"previous_names":[],"tags_count":433,"template":false,"template_full_name":null,"purl":"pkg:github/lifinance/widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifinance%2Fwidget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifinance%2Fwidget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifinance%2Fwidget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifinance%2Fwidget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lifinance","download_url":"https://codeload.github.com/lifinance/widget/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifinance%2Fwidget/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31305971,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T09:48:21.550Z","status":"ssl_error","status_checked_at":"2026-04-02T09:48:19.196Z","response_time":89,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bridge","bridge-aggregation","cross-chain","cross-chain-applications","cross-chain-bridge","cross-chain-swap","dapp","defi","ethereum","integration","lifi","react","solana","ui","viem","wagmi","web3","widget"],"created_at":"2024-11-11T06:29:13.798Z","updated_at":"2026-04-02T12:04:06.657Z","avatar_url":"https://github.com/lifinance.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n[![license](https://img.shields.io/github/license/lifinance/widget)](/LICENSE)\n[![npm latest package](https://img.shields.io/npm/v/@lifi/widget/latest.svg)](https://www.npmjs.com/package/@lifi/widget)\n[![npm downloads](https://img.shields.io/npm/dm/@lifi/widget.svg)](https://www.npmjs.com/package/@lifi/widget)\n[![Crowdin](https://badges.crowdin.net/lifi-widget/localized.svg)](https://crowdin.com/project/lifi-widget)\n[![Follow on Twitter](https://img.shields.io/twitter/follow/lifiprotocol.svg?label=follow+LI.FI)](https://twitter.com/lifiprotocol)\n\n\u003c/div\u003e\n\n\u003ch1 align=\"center\"\u003eLI.FI Widget\u003c/h1\u003e\n\n![GitHub_Repo_Card](https://github.com/user-attachments/assets/fc08ab8c-d7fb-41de-b478-c1e69c631a23)\n\n[**LI.FI Widget**](https://docs.li.fi/widget/overview) is a set of prebuilt UI components for secure cross-chain bridging and swapping. The widget can be customized to match your web app's design and helps drive your multi-chain strategy by attracting users from all ecosystems.\n\n[**LI.FI Widget**](https://docs.li.fi/widget/overview) features include:\n\n- All ecosystems, chains, bridges, exchanges, and solvers that [LI.FI](https://docs.li.fi/introduction/chains) supports\n- Embeddable variants - compact, wide, and drawer\n- Options to allow or deny certain chains, tokens, bridges, and exchanges\n- Pre-configured themes and lots of customization options with dark mode support so you can match the look and feel of your web app \n- Wallet management UI with the option to opt-out and use your own ([Wagmi](https://wagmi.sh/), [Bigmi](https://github.com/lifinance/bigmi) and [Wallet Standard](https://github.com/wallet-standard/wallet-standard) support)\n- Supports widely adopted industry standards, including [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792), [ERC-2612](https://eips.ethereum.org/EIPS/eip-2612), [EIP-712](https://eips.ethereum.org/EIPS/eip-712), [EIP-6963](https://eips.ethereum.org/EIPS/eip-6963), and [Permit2](https://github.com/Uniswap/permit2)\n- View of transactions in progress and transaction history\n- Curated wallet lists and wallet bookmarks\n- Route settings for advanced users (stored locally)\n- Complete UI translations to match your customer’s preferred language\n- Compatibility tested with React, Next.js, Vue, Nuxt.js, Svelte, Remix, Gatsby, Vite, RainbowKit, Reown AppKit, Privy, Dynamic\n\n## Installation\n\n### LI.FI Widget\n\nLI.FI Widget is available as an [npm package](https://www.npmjs.com/package/@lifi/widget).\n\n**pnpm:**\n\n```sh\npnpm add @lifi/widget wagmi @bigmi/react @solana/wallet-adapter-react @tanstack/react-query @mysten/dapp-kit\n```\n\n**npm:**\n\n```sh\nnpm install @lifi/widget wagmi @bigmi/react @solana/wallet-adapter-react @tanstack/react-query @mysten/dapp-kit\n```\n\n**yarn:**\n\n```sh\nyarn add @lifi/widget wagmi @bigmi/react @solana/wallet-adapter-react @tanstack/react-query @mysten/dapp-kit\n```\n\n- [Wagmi](https://wagmi.sh/) is type safe, extensible, and modular library for building Ethereum apps.\n- [Bigmi](https://github.com/lifinance/bigmi) is modular TypeScript library that provides reactive primitives for building Bitcoin applications.\n- [@solana/wallet-adapter-react](https://github.com/anza-xyz/wallet-adapter) is modular TypeScript wallet adapters and components for Solana applications.\n- [TanStack Query](https://tanstack.com/query/v5) is an async state manager that handles requests, caching, and more.\n- [@mysten/dapp-kit](https://sdk.mystenlabs.com/dapp-kit) provides React tools for wallet integration and data access in Sui blockchain dApps.\n\n### LI.FI Wallet Management\n\nLI.FI Wallet Management is available as an [npm package](https://www.npmjs.com/package/@lifi/wallet-management).\n\n**pnpm:**\n\n```sh\npnpm add @lifi/wallet-management\n```\n\n**npm:**\n\n```sh\nnpm install @lifi/wallet-management\n```\n\n**yarn:**\n\n```sh\nyarn add @lifi/wallet-management\n```\n\n## Getting started with LI.FI Widget\n\nHere is an example of a basic app using LI.FI Widget:\n\n```tsx\nimport { LiFiWidget, WidgetConfig } from '@lifi/widget';\n\nconst widgetConfig: WidgetConfig = {\n  theme: {\n    container: {\n      border: '1px solid rgb(234, 234, 234)',\n      borderRadius: '16px',\n    },\n  },\n};\n\nexport const WidgetPage = () =\u003e {\n  return (\n    \u003cLiFiWidget integrator=\"Your dApp/company name\" config={widgetConfig} /\u003e\n  );\n};\n```\n\nPlease refer to our [documentation](https://docs.li.fi/widget/compatibility) if you encounter any issues with importing.\n\nYou can also refer to the [examples](/examples) folder in this repository to see how to import the widget in your specific context.\n\n## Examples\n\nVisit our [playground](https://playground.li.fi) to see how you can customize your [LI.FI Widget](https://www.npmjs.com/package/@lifi/widget) experience. Additionally, see [examples](/examples) folder in this repository.\n\n## Documentation\n\nPlease visit [LI.FI Widget Documentation](https://docs.li.fi/widget/install-widget).\n\n## Contributing Translations\n\nWe appreciate your interest in helping translate our project!\n\nIf you'd like to contribute translations, please visit our Crowdin project page at [Crowdin LI.FI Widget](https://crowdin.com/project/lifi-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.\n\nThank you for your support!\n\n## Changelog\n\nThe [changelog](/CHANGELOG.md) is regularly updated to reflect what's changed in each new release.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifinance%2Fwidget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flifinance%2Fwidget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifinance%2Fwidget/lists"}