diff --git a/app.html b/app.html
index 198c4f7..f075cf0 100644
--- a/app.html
+++ b/app.html
@@ -58,6 +58,9 @@
               <a href="#!/shamir-secret-sharing">Shamir's Secret Sharing
                 Scheme</a>
             </li>
+            <li ng-class="{active: $root.isActive('/encoding-decoding')}">
+              <a href="#!/encoding-decoding">Encoding/Decoding</a>
+            </li>
           </ul>
         </li>
       </ul>
diff --git a/app.js b/app.js
index d1bc18d..d3c1e9e 100644
--- a/app.js
+++ b/app.js
@@ -34,6 +34,7 @@ function routeConfig($locationProvider, $routeProvider) {
     .when('/hd-wallet', {template: '<hd-wallet-page></hd-wallet-page>', containerClass: 'container'})
     .when('/bitcoin-block', {template: '<bitcoin-block-page></bitcoin-block-page>', containerClass: 'container'})
     .when('/shamir-secret-sharing', {template: '<shamir-secret-sharing-page></shamir-secret-sharing-page>', containerClass: 'container'})
+    .when('/encoding-decoding', {template: '<encoding-decoding-page></encoding-decoding-page>', containerClass: 'container'})
     .when('/mu-sig', {template: '<mu-sig-page></mu-sig-page>', containerClass: 'container'})
     .when('/schnorr', {template: '<schnorr-page></schnorr-page>', containerClass: 'container'})
     .when('/transaction-creator', {template: '<transaction-creator-page></transaction-creator-page>', containerClass: 'container'})
diff --git a/index.html b/index.html
index decf9f3..ec504d0 100644
--- a/index.html
+++ b/index.html
@@ -63,6 +63,7 @@
   <script src="pages/hd-wallet/hd-wallet.js"></script>
   <script src="pages/bitcoin-block/bitcoin-block.js"></script>
   <script src="pages/shamir-secret-sharing/shamir-secret-sharing.js"></script>
+  <script src="pages/encoding-decoding/encoding-decoding.js"></script>
   <script src="pages/mu-sig/mu-sig.js"></script>
   <script src="pages/schnorr/schnorr.js"></script>
   <script src="pages/transaction-creator/transaction-creator.js"></script>
diff --git a/libs/templates.js b/libs/templates.js
index f5162ad..6b2cae9 100644
--- a/libs/templates.js
+++ b/libs/templates.js
@@ -62,6 +62,9 @@ angular.module('app').run(['$templateCache', function($templateCache) {
     "              <a href=\"#!/shamir-secret-sharing\">Shamir's Secret Sharing\n" +
     "                Scheme</a>\n" +
     "            </li>\n" +
+    "            <li ng-class=\"{active: $root.isActive('/encoding-decoding')}\">\n" +
+    "              <a href=\"#!/encoding-decoding\">Encoding/Decoding</a>\n" +
+    "            </li>\n" +
     "          </ul>\n" +
     "        </li>\n" +
     "      </ul>\n" +
@@ -145,6 +148,7 @@ angular.module('app').run(['$templateCache', function($templateCache) {
     "  <script src=\"pages/hd-wallet/hd-wallet.js\"></script>\n" +
     "  <script src=\"pages/bitcoin-block/bitcoin-block.js\"></script>\n" +
     "  <script src=\"pages/shamir-secret-sharing/shamir-secret-sharing.js\"></script>\n" +
+    "  <script src=\"pages/encoding-decoding/encoding-decoding.js\"></script>\n" +
     "  <script src=\"pages/mu-sig/mu-sig.js\"></script>\n" +
     "  <script src=\"pages/schnorr/schnorr.js\"></script>\n" +
     "  <script src=\"pages/transaction-creator/transaction-creator.js\"></script>\n" +
@@ -2549,6 +2553,128 @@ angular.module('app').run(['$templateCache', function($templateCache) {
   );
 
 
+  $templateCache.put('pages/encoding-decoding/encoding-decoding.html',
+    "<h1>Encoding/Decoding</h1>\n" +
+    "\n" +
+    "<h3>Hex</h3>\n" +
+    "<div class=\"well\">\n" +
+    "  <form class=\"form-horizontal\">\n" +
+    "\n" +
+    "    <div class=\"form-group\">\n" +
+    "      <label class=\"col-sm-2 control-label\" for=\"hex\">Hex encoded string:</label>\n" +
+    "      <div class=\"col-sm-10 input-group\">\n" +
+    "        <textarea id=\"hex\"\n" +
+    "                  rows=\"10\"\n" +
+    "                  ng-model=\"vm.hexString\"\n" +
+    "                  ng-change=\"vm.parseHexString()\"\n" +
+    "                  class=\"form-control\"\n" +
+    "                  ng-class=\"{'well-error': vm.error}\">\n" +
+    "          </textarea>\n" +
+    "      </div>\n" +
+    "      <div class=\"input-group\" ng-if=\"vm.error\">\n" +
+    "        <div class=\"input-group-addon well-error\">{{vm.error}}</div>\n" +
+    "      </div>\n" +
+    "    </div>\n" +
+    "\n" +
+    "    <div class=\"form-group\">\n" +
+    "      <label class=\"col-sm-2 control-label\" for=\"hexDecoded\">Plain UTF-8 string:</label>\n" +
+    "      <div class=\"col-sm-10 input-group\">\n" +
+    "        <textarea id=\"hexDecoded\"\n" +
+    "                  rows=\"10\"\n" +
+    "                  ng-model=\"vm.hexDecodedString\"\n" +
+    "                  ng-change=\"vm.encodeHexString()\"\n" +
+    "                  class=\"form-control\"\n" +
+    "                  ng-class=\"{'well-error': vm.error2}\">\n" +
+    "          </textarea>\n" +
+    "      </div>\n" +
+    "      <div class=\"input-group\" ng-if=\"vm.error2\">\n" +
+    "        <div class=\"input-group-addon well-error\">{{vm.error2}}</div>\n" +
+    "      </div>\n" +
+    "    </div>\n" +
+    "  </form>\n" +
+    "</div>\n" +
+    "\n" +
+    "<h3>Base64</h3>\n" +
+    "<div class=\"well\">\n" +
+    "  <form class=\"form-horizontal\">\n" +
+    "\n" +
+    "    <div class=\"form-group\">\n" +
+    "      <label class=\"col-sm-2 control-label\" for=\"base64\">Base64 encoded string:</label>\n" +
+    "      <div class=\"col-sm-10 input-group\">\n" +
+    "        <textarea id=\"base64\"\n" +
+    "                  rows=\"10\"\n" +
+    "                  ng-model=\"vm.base64String\"\n" +
+    "                  ng-change=\"vm.parseBase64String()\"\n" +
+    "                  class=\"form-control\"\n" +
+    "                  ng-class=\"{'well-error': vm.error3}\">\n" +
+    "          </textarea>\n" +
+    "      </div>\n" +
+    "      <div class=\"input-group\" ng-if=\"vm.error3\">\n" +
+    "        <div class=\"input-group-addon well-error\">{{vm.error3}}</div>\n" +
+    "      </div>\n" +
+    "    </div>\n" +
+    "\n" +
+    "    <div class=\"form-group\">\n" +
+    "      <label class=\"col-sm-2 control-label\" for=\"base64Decoded\">Plain UTF-8 string:</label>\n" +
+    "      <div class=\"col-sm-10 input-group\">\n" +
+    "        <textarea id=\"base64Decoded\"\n" +
+    "                  rows=\"10\"\n" +
+    "                  ng-model=\"vm.base64DecodedString\"\n" +
+    "                  ng-change=\"vm.encodeBase64String()\"\n" +
+    "                  class=\"form-control\"\n" +
+    "                  ng-class=\"{'well-error': vm.error4}\">\n" +
+    "          </textarea>\n" +
+    "      </div>\n" +
+    "      <div class=\"input-group\" ng-if=\"vm.error4\">\n" +
+    "        <div class=\"input-group-addon well-error\">{{vm.error4}}</div>\n" +
+    "      </div>\n" +
+    "    </div>\n" +
+    "  </form>\n" +
+    "</div>\n" +
+    "\n" +
+    "<h3>Bitcoin Outpoint</h3>\n" +
+    "<div class=\"well\">\n" +
+    "  <form class=\"form-horizontal\">\n" +
+    "\n" +
+    "    <div class=\"form-group\">\n" +
+    "      <label class=\"col-sm-2 control-label\" for=\"outpoint\">\n" +
+    "        Outpoint string <code>&lt;txid&gt;:&lt;vout&gt;</code>:</label>\n" +
+    "      <div class=\"col-sm-10 input-group\">\n" +
+    "        <textarea id=\"outpoint\"\n" +
+    "                  rows=\"10\"\n" +
+    "                  ng-model=\"vm.outpointString\"\n" +
+    "                  ng-change=\"vm.parseOutpointString()\"\n" +
+    "                  class=\"form-control\"\n" +
+    "                  ng-class=\"{'well-error': vm.error5}\">\n" +
+    "          </textarea>\n" +
+    "      </div>\n" +
+    "      <div class=\"input-group\" ng-if=\"vm.error5\">\n" +
+    "        <div class=\"input-group-addon well-error\">{{vm.error5}}</div>\n" +
+    "      </div>\n" +
+    "    </div>\n" +
+    "\n" +
+    "    <div class=\"form-group\">\n" +
+    "      <label class=\"col-sm-2 control-label\" for=\"outpointEncoded\">\n" +
+    "        Serialized Outpoint as hex:\n" +
+    "      </label>\n" +
+    "      <div class=\"col-sm-10 input-group\">\n" +
+    "        <textarea id=\"outpointEncoded\"\n" +
+    "                  rows=\"10\"\n" +
+    "                  ng-model=\"vm.outpointEncodedString\"\n" +
+    "                  ng-change=\"vm.decodeEncodedOutpoint()\"\n" +
+    "                  class=\"form-control\"\n" +
+    "                  ng-class=\"{'well-error': vm.error6}\">\n" +
+    "          </textarea>\n" +
+    "      </div>\n" +
+    "      <div class=\"input-group\" ng-if=\"vm.error6\">\n" +
+    "        <div class=\"input-group-addon well-error\">{{vm.error6}}</div>\n" +
+    "      </div>\n" +
+    "    </div>\n" +
+    "  </form>\n" +
+    "</div>\n"
+  );
+
+
   $templateCache.put('pages/hd-wallet/hd-wallet.html',
     "<h1>Hierarchical Deterministic Wallet (BIP32/38/39/44/49/84)</h1>\n" +
     "\n" +
diff --git a/pages/encoding-decoding/encoding-decoding.html b/pages/encoding-decoding/encoding-decoding.html
new file mode 100644
index 0000000..d6264cd
--- /dev/null
+++ b/pages/encoding-decoding/encoding-decoding.html
@@ -0,0 +1,118 @@
+<h1>Encoding/Decoding</h1>
+
+<h3>Hex</h3>
+<div class="well">
+  <form class="form-horizontal">
+
+    <div class="form-group">
+      <label class="col-sm-2 control-label" for="hex">Hex encoded string:</label>
+      <div class="col-sm-10 input-group">
+        <textarea id="hex"
+                  rows="10"
+                  ng-model="vm.hexString"
+                  ng-change="vm.parseHexString()"
+                  class="form-control"
+                  ng-class="{'well-error': vm.error}">
+          </textarea>
+      </div>
+      <div class="input-group" ng-if="vm.error">
+        <div class="input-group-addon well-error">{{vm.error}}</div>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label class="col-sm-2 control-label" for="hexDecoded">Plain UTF-8 string:</label>
+      <div class="col-sm-10 input-group">
+        <textarea id="hexDecoded"
+                  rows="10"
+                  ng-model="vm.hexDecodedString"
+                  ng-change="vm.encodeHexString()"
+                  class="form-control"
+                  ng-class="{'well-error': vm.error2}">
+          </textarea>
+      </div>
+      <div class="input-group" ng-if="vm.error2">
+        <div class="input-group-addon well-error">{{vm.error2}}</div>
+      </div>
+    </div>
+  </form>
+</div>
+
+<h3>Base64</h3>
+<div class="well">
+  <form class="form-horizontal">
+
+    <div class="form-group">
+      <label class="col-sm-2 control-label" for="base64">Base64 encoded string:</label>
+      <div class="col-sm-10 input-group">
+        <textarea id="base64"
+                  rows="10"
+                  ng-model="vm.base64String"
+                  ng-change="vm.parseBase64String()"
+                  class="form-control"
+                  ng-class="{'well-error': vm.error3}">
+          </textarea>
+      </div>
+      <div class="input-group" ng-if="vm.error3">
+        <div class="input-group-addon well-error">{{vm.error3}}</div>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label class="col-sm-2 control-label" for="base64Decoded">Plain UTF-8 string:</label>
+      <div class="col-sm-10 input-group">
+        <textarea id="base64Decoded"
+                  rows="10"
+                  ng-model="vm.base64DecodedString"
+                  ng-change="vm.encodeBase64String()"
+                  class="form-control"
+                  ng-class="{'well-error': vm.error4}">
+          </textarea>
+      </div>
+      <div class="input-group" ng-if="vm.error4">
+        <div class="input-group-addon well-error">{{vm.error4}}</div>
+      </div>
+    </div>
+  </form>
+</div>
+
+<h3>Bitcoin Outpoint</h3>
+<div class="well">
+  <form class="form-horizontal">
+
+    <div class="form-group">
+      <label class="col-sm-2 control-label" for="outpoint">
+        Outpoint string <code>&lt;txid&gt;:&lt;vout&gt;</code>:</label>
+      <div class="col-sm-10 input-group">
+        <textarea id="outpoint"
+                  rows="10"
+                  ng-model="vm.outpointString"
+                  ng-change="vm.parseOutpointString()"
+                  class="form-control"
+                  ng-class="{'well-error': vm.error5}">
+          </textarea>
+      </div>
+      <div class="input-group" ng-if="vm.error5">
+        <div class="input-group-addon well-error">{{vm.error5}}</div>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label class="col-sm-2 control-label" for="outpointEncoded">
+        Serialized Outpoint as hex:
+      </label>
+      <div class="col-sm-10 input-group">
+        <textarea id="outpointEncoded"
+                  rows="10"
+                  ng-model="vm.outpointEncodedString"
+                  ng-change="vm.decodeEncodedOutpoint()"
+                  class="form-control"
+                  ng-class="{'well-error': vm.error6}">
+          </textarea>
+      </div>
+      <div class="input-group" ng-if="vm.error6">
+        <div class="input-group-addon well-error">{{vm.error6}}</div>
+      </div>
+    </div>
+  </form>
+</div>
diff --git a/pages/encoding-decoding/encoding-decoding.js b/pages/encoding-decoding/encoding-decoding.js
new file mode 100644
index 0000000..f6330fe
--- /dev/null
+++ b/pages/encoding-decoding/encoding-decoding.js
@@ -0,0 +1,113 @@
+angular
+  .module('app')
+  .component('encodingDecodingPage', {
+    templateUrl: 'pages/encoding-decoding/encoding-decoding.html',
+    controller: EncodingDecodingPageController,
+    controllerAs: 'vm',
+    bindings: {}
+  });
+
+function EncodingDecodingPageController() {
+  const vm = this;
+  const Buffer = bitcoin.Buffer;
+
+  vm.hexString = '68656c6c6f';
+  vm.hexDecodedString = '';
+  vm.base64String = 'aGVsbG8=';
+  vm.base64DecodedString = '';
+  vm.outpointString = '8f900c6414c5c27231080f46168105e9fec20f9fb2f11b25ee0312d89bc022c0:8';
+  vm.outpointEncodedString = '';
+  vm.error = null;
+  vm.error2 = null;
+
+  vm.$onInit = function () {
+    vm.parseHexString();
+    vm.parseBase64String();
+    vm.parseOutpointString();
+  };
+
+  vm.parseHexString = function () {
+    try {
+      vm.error = null;
+      vm.hexDecodedString = Buffer.from(vm.hexString, 'hex').toString('utf8');
+    } catch (e) {
+      vm.error = e.message;
+    }
+  };
+
+  vm.encodeHexString = function () {
+    try {
+      vm.error2 = null;
+      vm.hexString = Buffer.from(vm.hexDecodedString, 'utf8').toString('hex');
+    } catch (e) {
+      vm.error2 = e.message;
+    }
+  }
+
+  vm.parseBase64String = function () {
+    try {
+      vm.error3 = null;
+      vm.base64DecodedString = Buffer.from(vm.base64String, 'base64').toString('utf8');
+    } catch (e) {
+      vm.error3 = e.message;
+    }
+  };
+
+  vm.encodeBase64String = function () {
+    try {
+      vm.error4 = null;
+      vm.base64String = Buffer.from(vm.base64DecodedString, 'utf8').toString('base64');
+    } catch (e) {
+      vm.error4 = e.message;
+    }
+  }
+
+  vm.parseOutpointString = function () {
+    try {
+      vm.error5 = null;
+
+      const [txid, vout] = vm.outpointString.split(':');
+      if (txid === undefined || vout === undefined) {
+        throw new Error('Invalid outpoint string, must be in form <txid>:<vout>');
+      }
+
+      const txidBuffer = Buffer.from(txid, 'hex');
+      if (txidBuffer.length !== 32) {
+        throw new Error('Invalid txid, must be 32 bytes');
+      }
+
+      // A TXID is the reverse of the hash of the transaction.
+      txidBuffer.reverse();
+
+      const voutInt = parseInt(vout, 10);
+
+      const resultBuffer = Buffer.alloc(36);
+      txidBuffer.copy(resultBuffer);
+      resultBuffer.writeInt32LE(voutInt, 32);
+
+      vm.outpointEncodedString = resultBuffer.toString('hex');
+    } catch (e) {
+      vm.error5 = e.message;
+    }
+  };
+
+  vm.decodeEncodedOutpoint = function () {
+    try {
+      vm.error6 = null;
+      const parsedBuffer = Buffer.from(vm.outpointEncodedString, 'hex');
+
+      if (parsedBuffer.length !== 36) {
+        throw new Error('Invalid encoded outpoint, must be 36 bytes');
+      }
+
+      const txidBuffer = parsedBuffer.slice(0, 32);
+      txidBuffer.reverse();
+
+      const vout = parsedBuffer.readInt32LE(32);
+
+      vm.outpointString = `${txidBuffer.toString('hex')}:${vout}`;
+    } catch (e) {
+      vm.error6 = e.message;
+    }
+  }
+}