> For the complete documentation index, see [llms.txt](https://book.just.money/jmguide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://book.just.money/jmguide/justmoney-swap/widgets/cross-chain.md).

# Cross-chain

<figure><img src="/files/mJHXKIRezB9QVl5oPoh1" alt=""><figcaption></figcaption></figure>

```markup
<script src="https://just.money/assets/js/widgetLib-1.1.js"></script>
<script type="application/javascript">
    JmApi.swapWidget('jmCCSwapFrame', {
        shadow: false,
        backgroundColor: '#00ebff',
        backgroundImage: 'url(/assets/img/swap-form-bg-lighter.svg);',
        textColor: '#000',
        buttonStyle: 'background:#FFF;color:#2E3344;',
        maxButtonStyle: 'background:#FFF;color:#2E3344;',
        headingStyle: 'color:#FFF;',
        lightBranding: true,
        tokens: {TRON:[], BSC:[], POLY:[], BTTC:[]},
        fromNetwork: "BSC",
        toNetwork: "TRON",
        fromToken: "BNB",
        toToken: "JM",
    });
</script>

<iframe id="jmCCSwapFrame" src="https://just.money/ccwidget" style="width:500px;height:500px;margin:auto;display:block;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
```

Or create automatically by

```markup
<script src="https://just.money/assets/js/widgetLib-1.1.js"></script>
<script type="application/javascript">
    JmApi.createSwapWidget('anyID', {
        type:'CROSSCHAIN'
        shadow: false,
        backgroundColor: '#00ebff',
        backgroundImage: 'url(/assets/img/swap-form-bg-lighter.svg);',
        textColor: '#000',
        buttonStyle: 'background:#FFF;color:#2E3344;',
        maxButtonStyle: 'background:#FFF;color:#2E3344;',
        headingStyle: 'color:#FFF;',
        lightBranding: true,
        tokens: {TRON:[], BSC:[], POLY:[], BTTC:[]},
        fromNetwork: "BSC",
        toNetwork: "TRON",
        fromToken: "BNB",
        toToken: "JM",
    });
</script>
```