LI.FI Documentation
LI.FI WebsiteAPI ReferenceHelp / FAQ / Create support ticketRequest API Key
  • 🏡Getting Started
    • ❓What is LI.FI
    • 🌟Why LI.FI?
    • 🆚LI.FI vs Aggregators/DEXs/Bridges
    • 📖LI.FI Terminology
    • ❓FAQ
    • 💡Use Cases
      • Mobile/Gaming Wallets
    • 🏹LI.FI vs. Other Aggregators
    • 🤝Partnership
    • 🌐Powered by LI.FI
  • 🔐Security First
  • ✅List: Chains, Bridges, DEX Aggregators, Solvers
  • 💲Monetization / Take Fees
  • 🔎Transaction Explorer
  • 🔏Rate Limits & API Key
  • How to get integrated by LI.FI?
    • For Bridges
    • For DEXs/Aggregators/Solvers
  • 🆘Technical FAQ
  • LI.FI PRODUCTS
    • Glacis
    • LI.FI Solver
    • LI.FI Intents System
  • LI.FI API
    • ⚙️LI.FI API
      • Transferring Tokens (Example)
      • Requesting supported Chains
      • Requesting all supported Tools
      • Requesting all known Tokens
      • Getting Token Information
      • Getting all possible Connections
      • Requesting a Quote
        • Token Transfer
        • Optimizing quote response timing
        • Cross-Chain Contract Calls
        • Possible Tool Errors
        • Testing your integration
      • Status of a Transaction
      • Requesting Analytics Data
    • ⚔️TX-Batching aka "Zaps"
    • 🏄Solana
      • Request examples
    • 🪙Bitcoin
      • Request examples
    • ⛽LI.Fuel
  • Integrate LI.FI SDK
    • 🚀LI.FI SDK Overview
    • 📦Install LI.FI SDK
    • ⚙️Configure SDK
    • 🪐Configure SDK Providers
    • 📜Request Routes/Quotes
    • 🎯Execute Routes/Quotes
    • ⛓️Chains and Tools
    • 💰Token Management
    • 🕵️Testing Integration
    • 🚗Migrate from v2 to v3
  • INTEGRATE LI.FI WIDGET
    • 🧩LI.FI Widget Overview
    • 📦Install Widget
    • 🎮Select Widget Variants
    • ⚙️Configure Widget
    • 🎨Customize Widget
    • ⚡Widget Events
    • 👛Wallet Management
    • 🌍Internationalization
    • ⚛️Compatibility with Next.js, Remix, Nuxt, etc.
    • 🛣️React Router Compatibility
    • 📖Widget API Reference
    • 🚗Migrate from v2 to v3
  • Smart Contracts
    • Overview
    • Deployments/Contract Addresses
    • Audits
  • Support & Misc.
    • API Status
    • Technical Help Desk & FAQ
    • Create a Partner Ticket
    • Discord Support
    • Telegram Support
    • Twitter
    • Github
    • Licenses
Powered by GitBook
LogoLogo

Connect with us

  • Github
  • Twitter
  • Discord
  • LinkedIn

More Information

  • Help Desk / FAQ
  • API Reference
  • Website
On this page

Was this helpful?

Export as PDF
  1. INTEGRATE LI.FI WIDGET

LI.FI Widget Overview

Cross-chain and on-chain swap and bridging all-in-one solution

Last updated 1 month ago

Was this helpful?

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:

  • All ecosystems, chains, bridges, exchanges, and solvers that supports

  • Embeddable variants - compact, wide, and drawer

  • Options to allow or deny certain chains, tokens, bridges, and exchanges

  • Pre-configured themes and lots of customization options with dark mode support so you can match the look and feel of your web app

  • Wallet management UI with the option to opt-out and use your own (, and support)

  • Supports widely adopted industry standards, including , , , , and

  • View of transactions in progress and transaction history

  • Curated wallet lists and wallet bookmarks

  • Route settings for advanced users (stored locally)

  • Complete UI translations to match your customer’s preferred language

  • Compatibility tested with React, Vite, Next.js, Vue, Nuxt.js, Svelte, Remix, Gatsby, RainbowKit

Check out our to play with customization options in real time.

As an integrator, you can monetize your LI.FI SDK integration and collect fees. Please see Monetization / Take Fees for more information.

Contact our to discover how you can partner with us and integrate into your platform.

You talked me into it, so what now?

  • Install Widget

  • Select Widget Variants

  • Configure Widget

  • Customize Widget

  • Widget Events

  • Wallet Management

  • Internationalization

  • Compatibility with Next.js, Remix, Nuxt, etc.

  • React Router Compatibility

  • Widget API Reference

  • Migrate from v2 to v3

🧩
LI.FI
Wagmi
Bigmi
Wallet Standard
EIP-5792
ERC-2612
EIP-712
EIP-6963
Permit2
LI.FI Playground
business partnerships team
LI.FI
📦Install Widget