diff --git a/README.md b/README.md
index daaaedb..9d3f3d3 100644
--- a/README.md
+++ b/README.md
@@ -81,3 +81,24 @@ Simply download it and open it in the browser.
 
 You can see the rsk bridge abi methods and events during a given fork by selecting using the ***Abis For Fork*** dropdown.
 
+# RootstockBridge HTML utility page
+
+A standalone HTML project to interact with the RSK bridge methods is included under `/tools` folder, called `RootstockBridge.html`.
+
+Simply download it and open it in the browser.
+
+It will look like this:
+
+<img src="./tools/RootstockBridge.png" alt="Rootstock bridge html utility project" />
+
+Simply click on any of the buttons with the name of the Bridge method that you want to call.
+
+For the ones that accept input, simply add the inputs required and click the button.
+
+Change the network from Testnet to Mainnet using the **Network** select at the top of the page.
+
+Clear all the inputs and results clicking on the **Clear** button.
+
+Copy the result by clicking on the copy icon to the right of the result box.
+
+To use a custom network, click on `Use Custom Network` checkbox and you will have a text field to input a custom url. Hit enter/return and use the tool as usual.
diff --git a/tools/RootstockBridge.html b/tools/RootstockBridge.html
new file mode 100644
index 0000000..1673d5b
--- /dev/null
+++ b/tools/RootstockBridge.html
@@ -0,0 +1,402 @@
+<!DOCTYPE html>
+<html lang='en'>
+<head>
+    <meta charset='UTF-8'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/web3/1.9.0/web3.min.js' integrity='sha512-mUvdtCaVKd9dby/UnYGKMLkP3eT7EA6QNFN5iSEjvMf8TFPq2oZFIemWL46iypQcL8xYNdx7wQIA1oYnTXuYhg==' crossorigin='anonymous' referrerpolicy='no-referrer'></script>
+    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==' crossorigin='anonymous'>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.2/font/bootstrap-icons.min.css" integrity="sha512-D1liES3uvDpPrgk7vXR/hR/sukGn7EtDWEyvpdLsyalQYq6v6YUsTUJmku7B4rcuQ21rf0UTksw2i/2Pdjbd3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    
+    <title>Rootstock Bridge</title>
+</head>
+
+<style>
+
+.bridge-button {
+    width: 540px;
+}
+
+#network-selection-container {
+    width: 720px;
+    margin: 8px;
+}
+
+.display {
+    overflow: scroll;
+}
+
+#custom-network-container {
+    display: none;
+}
+
+#fixed-network-container, #custom-network-container {
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+
+#customNetworkCheckbox {
+    cursor: pointer;
+}
+
+#customNetworkCheckboxLabel {
+    cursor: pointer;
+}
+
+</style>
+
+<body>
+
+    <h1 class='text-center'>Rootstock Bridge</h3>
+    <h5 class='text-center'>Simple html page to interact with the Rootstock (RSK) Blockchain Bridge methods</h2>
+    
+    <div id='network-selection-container' class="container">
+
+        <div class="form-check" id="customNetworkCheckboxContainer">
+            <input class="form-check-input" type="checkbox" value="" id="customNetworkCheckbox" onchange="onUseCustomNetworkCheckboxChange(event)">
+            <label class="form-check-label" for="customNetworkCheckbox" id="customNetworkCheckboxLabel">
+              <b>Use Custom Network</b>
+            </label>
+        </div>
+
+        <div id="fixed-network-container" class="row justify-content-center align-items-center">
+            <div class="col-3">
+                <b>Network:</b>
+            </div>
+            <div class="col-9">
+                <select id='selectNetwork' class='form-select form-select-sm' aria-label=''>
+                    <option selected value='testnet'>Testnet</option>
+                    <option value='mainnet'>Mainnet</option>
+                </select>
+            </div>
+        </div>
+
+        <div id="custom-network-container" class="row justify-content-center align-items-center">
+            <div class="col-4">
+                <b>Custom Network Url:</b>
+            </div>
+            <div class="col-8">
+                <input id='customNetwork' onchange="onCustomNetworkUrlChange(event)" class='form-control form-control-sm' type='text' placeholder='Type/paste a url like http://127.0.0.1:1234 and then hit enter/return'>
+            </div>
+        </div>
+
+        <p id="selectedNetworkUrlContainer">
+            <b>Selected Network Url:</b> <span id='url'></span>
+        </p>
+        <p id="bridgeAddressContainer">
+            <b>Bridge Address:</b> <span id='bridgeAddressElement'></span> <span id="copyBridgeAddressContainer"></span>
+        </p>
+
+    </div>
+
+    <div>
+        <button id='clearButton' type='button' class='btn btn-outline-warning m-2'>Clear</button>
+    </div>
+
+    <div id='container'>
+
+    </div>
+
+<script>
+
+    const allowedMethods = [
+        'getBtcBlockchainBestChainHeight',
+        'getBtcBlockchainInitialBlockHeight',
+        'getBtcBlockchainBlockHashAtDepth',
+        'getBtcTxHashProcessedHeight',
+        'isBtcTxHashAlreadyProcessed',
+        'getFederationAddress',
+        'getFederationSize',
+        'getFederationThreshold',
+        'getFederatorPublicKeyOfType',
+        'getFederationCreationTime',
+        'getFederationCreationBlockNumber',
+        'getRetiringFederationAddress',
+        'getRetiringFederationSize',
+        'getRetiringFederationThreshold',
+        'getRetiringFederatorPublicKeyOfType',
+        'getRetiringFederationCreationTime',
+        'getRetiringFederationCreationBlockNumber',
+        'getPendingFederationHash',
+        'getPendingFederationSize',
+        'getPendingFederatorPublicKeyOfType',
+        'getFeePerKb',
+        'getMinimumLockTxValue',
+        'hasBtcBlockCoinbaseTransactionInformation',
+        'getActiveFederationCreationBlockHeight',
+        'getBtcBlockchainBestBlockHeader',
+        'getBtcBlockchainBlockHeaderByHash',
+        'getBtcBlockchainBlockHeaderByHeight',
+        'getBtcBlockchainParentBlockHeaderByHash',
+        'getEstimatedFeesForNextPegOutEvent',
+        'getNextPegoutCreationBlockNumber',
+        'getQueuedPegoutsCount',
+        'getActivePowpegRedeemScript',
+    ];
+
+    const bridgeAddress = '0x0000000000000000000000000000000001000006';
+    const testnetRskUrl = 'https://public-node.testnet.rsk.co/';
+    const mainnetRskUrl = 'https://public-node.rsk.co/';
+    let currentUrl = testnetRskUrl;
+    let bridge;
+    let web3;
+    let bridgeAbi;
+    url.innerText = testnetRskUrl;
+    bridgeAddressElement.innerText = bridgeAddress;
+    const bytes32FormatExample = '0x0000...1111';
+    const txHashFormatExample = '1111...1111';
+
+    const selectNetworkElement = document.getElementById('selectNetwork');
+
+    const setupForSelectedNetwork = (networkUrl) => {
+        url.innerText = networkUrl;
+        currentUrl = networkUrl;
+        web3 = new Web3(networkUrl);
+        bridge = new web3.eth.Contract(bridgeAbi, bridgeAddress);
+        resetAllFields();
+        window.web3 = web3;
+        window.bridge = bridge;
+    };
+
+    selectNetworkElement.addEventListener('change', (event) => {
+        const network = event.target.value;
+        if(network === 'mainnet') {
+            setupForSelectedNetwork(mainnetRskUrl);
+        } else {
+            setupForSelectedNetwork(testnetRskUrl);
+        }
+    });
+
+    const getCopyIconElement = (querySelectorOfElementToCopyValueFrom) => {
+        const copyIconElement = document.createElement('i');
+        copyIconElement.setAttribute('class', 'bi bi-clipboard');
+        copyIconElement.setAttribute('style', 'font-size: 1.5rem; cursor: pointer;');
+        copyIconElement.title = 'Copy to clipboard';
+        copyIconElement.onclick = (event) => {
+            const displayElement = event.target.parentNode.querySelector(querySelectorOfElementToCopyValueFrom);
+            const text = displayElement.innerText;
+            navigator.clipboard.writeText(text);
+        };
+        return copyIconElement;
+    };
+
+    const getDisplayElement = () => {
+        const displayElement = document.createElement('span');
+        displayElement.setAttribute('class', 'mx-2 display form-control');
+        displayElement.setAttribute('disabled', 'true');
+        return displayElement;     
+    };
+
+    const getActionButton = (name) => {
+        const button = document.createElement('button');
+        button.setAttribute('type', 'button');
+        button.setAttribute('class', 'btn btn-outline-primary mr-2 bridge-button');
+        button.textContent = name;
+        button.onclick = handleClick;
+        return button;
+    };
+
+    const getInputElements = (element) => {
+        const inputElements = [];
+        for(let i = 0; i < element.inputs.length; i++) {
+            const input = element.inputs[i];
+            const inputText = document.createElement('input');
+            inputText.setAttribute('type', 'text');
+            inputText.setAttribute('class', 'form-control mx-2');
+
+            let extraPlaceholder = '';
+
+            if(element.name.endsWith('FederatorPublicKeyOfType') && input.type.startsWith('string')) {
+                extraPlaceholder = ' (rsk, btc or mst)'
+            } else if(input.type === 'bytes32') {
+                extraPlaceholder = `: ${bytes32FormatExample} (66 chars long with 0x prefix)`;
+            } else if(input.type === 'string' && input.name === 'hash') {
+                extraPlaceholder = `: ${txHashFormatExample} (64 chars long, no 0x prefix)`;
+            }
+            
+            inputText.setAttribute('placeholder', `${input.type} ${input.name}${extraPlaceholder}`);
+            inputElements.push(inputText);
+        }
+        return inputElements;
+    };
+
+    const mapToHtmlElementsGroup = (element) => {
+        const group = document.createElement('div');
+        group.setAttribute('class', 'd-flex justify-content-start m-2')
+        group.appendChild(getActionButton(element.name));
+
+        getInputElements(element).forEach(input => {
+            group.appendChild(input);
+        });
+
+        group.appendChild(getDisplayElement());
+
+        group.appendChild(getCopyIconElement('.display'));
+
+        return group;
+    };
+
+    const getBridgeAbi = async () => {
+        const url = 'https://raw.githubusercontent.com/rsksmart/precompiled-abis/master/abis/bridge.json';
+        const response = await fetch(url, { mode: 'cors' });
+        const bridgeAbi = await response.json();
+        return bridgeAbi;
+    };
+
+    const resetAllFields = () => {
+        const displayElements = document.getElementsByClassName('display');
+        for(let i = 0; i < displayElements.length; i++) {
+            displayElements[i].innerText = '';
+        }
+    };
+
+    const ensureAllInputsAreFilled = (inputs) => {
+
+        const inputsIndicesWithoutValues = [];
+
+        inputs.forEach((input, index) => {
+            if(input.value === '') {
+                inputsIndicesWithoutValues.push(index);
+            }
+        });
+
+        if(inputsIndicesWithoutValues.length > 0) {
+            const inputsWithoutValues = inputsIndicesWithoutValues.map(index => inputs[index].placeholder.trim());
+            const inputsWithoutValuesString = "\"" + inputsWithoutValues.join('", "') + "\"";
+            const message = `Inputs ${inputsWithoutValuesString} must be filled`;
+            alert(message);
+            throw new Error(message);
+        }
+
+        const validateInput = (input, index) => {
+            const placeholder = input.placeholder.trim();
+            const inputType = placeholder.split(' ')[0].trim();
+            if(inputType === 'int256' || inputType === 'uint256') {
+                const value = Number(input.value);
+                if(isNaN(value)) {
+                    const message = `Input "${placeholder}" must be a number`;
+                    alert(message);
+                    throw new Error(message);
+                } else if(value < 0) {
+                    const message = `Input "${placeholder}" must be a positive number`;
+                    alert(message);
+                    throw new Error(message);
+                }
+            } else if(inputType === 'bytes32') {
+                const has0xPrefix = input.value.startsWith('0x');
+                if(!has0xPrefix || input.value.length !== 66) {
+                    const message = `Input "${placeholder.substring(0, 17)}" must be a 66 characters long hex string with the 0x prefix like: ${bytes32FormatExample}`;
+                    alert(message);
+                    throw new Error(message);
+                }
+            } else if(placeholder === 'string type (rsk, btc or mst)') {
+                const value = input.value;
+                if(value !== 'rsk' && value !== 'btc' && value !== 'mst') {
+                    const message = `Input "${placeholder}" must be one of the following values (in lower case): rsk, btc or mst`;
+                    alert(message);
+                    throw new Error(message);
+                }
+            } else if(placeholder.startsWith('string hash')) {
+                const value = input.value;
+                const has0xPrefix = value.startsWith('0x');
+                if(has0xPrefix || value.length !== 64) {
+                    const message = `Input "${placeholder.substring(0, 11)}" must be a 64 characters long hex string without the 0x prefix like: ${txHashFormatExample}`;
+                    alert(message);
+                    throw new Error(message);
+                }
+            }
+        };
+
+        inputs.forEach(validateInput);
+
+    };
+
+    const handleClick = async () => {
+        const button = event.target;
+        const inputs = Array.from(button.parentNode.querySelectorAll('input'));
+        ensureAllInputsAreFilled(inputs);
+        const args = inputs.map(input => input.value);
+        const functionName = button.innerText;
+
+        const displayElement = button.parentNode.querySelector('.display');
+
+        displayElement.innerText = '';
+
+        try {
+            const result = await bridge.methods[functionName](...args).call();
+            displayElement.innerText = result;
+        } catch(error) {
+            console.error(error);
+            alert(`There was an error calling '${functionName}': ${error.message}`);
+        }
+
+    };
+
+    clearButton.addEventListener('click', () => {
+        resetAllFields();
+    });
+
+    const setupBridgeInteractionElements = (bridgeAbi) => {
+        const groups = bridgeAbi
+            .filter(element => {
+                return element.type === 'function' && allowedMethods.includes(element.name);
+            })
+            .sort((method1, method2) => {
+                return method1.inputs.length - method2.inputs.length;
+            })
+            .map(element => {
+                return mapToHtmlElementsGroup(element);
+            });
+
+        const container = document.getElementById('container');
+
+        for(let i = 0; i < groups.length; i++) {
+            container.appendChild(groups[i]);
+        }
+    };
+
+    const onUseCustomNetworkCheckboxChange = (event) => {
+        const checked = event.target.checked;
+        if(checked) {
+            document.getElementById('fixed-network-container').style.display = 'none';
+            document.getElementById('custom-network-container').style.display = 'flex';
+            setupForSelectedNetwork(customNetwork.value);
+        } else {
+            document.getElementById('fixed-network-container').style.display = 'flex';
+            document.getElementById('custom-network-container').style.display = 'none';
+            if(selectNetwork.value === 'mainnet') {
+                setupForSelectedNetwork(mainnetRskUrl );
+            } else {
+                setupForSelectedNetwork(testnetRskUrl);
+            }
+        }
+    };
+
+    const onCustomNetworkUrlChange = (event) => {
+        const customNetworkUrl = event.target.value;
+        setupForSelectedNetwork(customNetworkUrl);
+    };
+
+    bridgeAddressContainer.appendChild(getCopyIconElement('#bridgeAddressElement'));
+
+    selectedNetworkUrlContainer.appendChild(getCopyIconElement('#url'));
+
+    const setup = async () => {
+        bridgeAbi = await getBridgeAbi();
+        web3 = new Web3(testnetRskUrl);
+        bridge = new web3.eth.Contract(bridgeAbi, bridgeAddress);
+        setupBridgeInteractionElements(bridgeAbi);
+        window.web3 = web3;
+        window.bridge = bridge;
+    };
+
+    setup().then(() => {
+        console.log('Loaded.');
+    })
+    .catch(err => {
+        console.log(err);
+    });
+
+</script>
+
+</body>
+</html>
diff --git a/tools/RootstockBridge.png b/tools/RootstockBridge.png
new file mode 100644
index 0000000..fb60da4
Binary files /dev/null and b/tools/RootstockBridge.png differ
