JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/@tendermint/sig@0.2.3/dist/web.js"></script>

CSS

html {
  background: 'white';
}

TypeScript

// mjs: import * as Sig from '@tendermint/sig';
// cjs: const Sig = require('@tendermint/sig');

let html = '';

const mnemonic = 'trouble salon husband push melody usage fine ensure blade deal miss twin';

const tx = {
    fee:  {
        amount: [{ amount: '0', denom: '' }],
        gas:    '10000'
    },
    memo: '',
    msgs: [{
        type:  'cosmos-sdk/Send',
        value: {
            inputs:  [{
                address: 'cosmos1qperwt9wrnkg5k9e5gzfgjppzpqhyav5j24d66',
                coins:   [{ amount: '1', denom: 'STAKE' }]
            }],
            outputs: [{
                address: 'cosmos1yeckxz7tapz34kjwnjxvmxzurerquhtrmxmuxt',
                coins:   [{  amount: '1', denom: 'STAKE' }]
            }]
        }
    }]
};

const signMeta = {
    account_number: '1',
    chain_id:       'cosmos',
    sequence:       '0'
};

const wallet = Sig.createWalletFromMnemonic(mnemonic);

const stdTx = Sig.signTx(tx, signMeta, wallet);

html += '<h4>signTx</h4>';
html += '<pre class="language-js">' + JSON.stringify(stdTx, null, 2) + '</pre>';

const valid = Sig.verifyTx(stdTx, signMeta);

html += '<h4>verifyTx</h4>';
html += '<pre class="language-js">' + JSON.stringify(valid, null, 2) + '</pre>';

document.body.innerHTML = html;