deBridge

Mint Matrix integrates DeBridge widget to provide seamless cross-chain functionality, enabling users to transfer assets from 30+ blockchain networks

🌐 deBridge Features Utilized

• Cross-Chain Asset Bridging

• Embedded Wallet Integration

❓How Debridge was Used

1. Widget Embedding and Configuration • Embedded the deBridge widget directly within the My Account section using the JavaScript SDK. • Configured widget with custom parameters, including 30+ supported input/output chains. • Set Story Protocol (chain ID 1514) as the default destination network for a seamless user experience.

2. Custom Theme Integration • Implemented dark theme mode to align with the platform's visual identity.

3. User Experience Enhancements • Created a comprehensive "How to use" guide explaining the bridging process and benefits.

// Some code
 const widgetConfig = {
    "v": "1",
    "element": "debridgeWidget",
    "title": "",
    "description": "",
    "width": "100%",
    "height": "800",
    "r": null,
    "supportedChains": "{\"inputChains\":{\"1\":\"all\",\"10\":\"all\",\"56\":\"all\",\"100\":\"all\",\"137\":\"all\",\"146\":\"all\",\"250\":\"all\",\"388\":\"all\",\"747\":\"all\",\"998\":\"all\",\"999\":\"all\",\"1088\":\"all\",\"1514\":\"all\",\"2741\":\"all\",\"4158\":\"all\",\"5000\":\"all\",\"8453\":\"all\",\"32769\":\"all\",\"42161\":\"all\",\"43114\":\"all\",\"48900\":\"all\",\"50104\":\"all\",\"59144\":\"all\",\"60808\":\"all\",\"80094\":\"all\",\"98866\":\"all\",\"7565164\":\"all\",\"245022934\":\"all\"},\"outputChains\":{\"1\":\"all\",\"10\":\"all\",\"56\":\"all\",\"100\":\"all\",\"137\":\"all\",\"146\":\"all\",\"250\":\"all\",\"388\":\"all\",\"747\":\"all\",\"998\":\"all\",\"999\":\"all\",\"1088\":\"all\",\"1514\":\"all\",\"2741\":\"all\",\"4158\":\"all\",\"5000\":\"all\",\"8453\":\"all\",\"32769\":\"all\",\"42161\":\"all\",\"43114\":\"all\",\"48900\":\"all\",\"50104\":\"all\",\"59144\":\"all\",\"60808\":\"all\",\"80094\":\"all\",\"98866\":\"all\",\"7565164\":\"all\",\"245022934\":\"all\"}}",
    "inputChain": 1,
    "outputChain": 1514,
    "inputCurrency": "",
    "outputCurrency": "0x1514000000000000000000000000000000000000",
    "address": "",
    "showSwapTransfer": true,
    "amount": "",
    "outputAmount": "",
    "isAmountFromNotModifiable": false,
    "isAmountToNotModifiable": false,
    "lang": "en",
    "mode": "deswap",
    "isEnableCalldata": false,
    "styles": "eyJhcHBCYWNrZ3JvdW5kIjoiIzAxMDYwYiIsInRvb2x0aXBCZyI6IiMwODBiMTEiLCJwcmltYXJ5IjoiI2RhZTBmMSIsInByaW1hcnlCdG5CZyI6IiM0MzViZGIiLCJwcmltYXJ5QnRuVGV4dCI6IiNlM2U4ZWQifQ==",
    "theme": "dark",
    "isHideLogo": false,
    "logo": "",
    "disabledWallets": [],
    "disabledElements": []
  };