diff --git a/lnbits/extensions/ngrok/__init__.py b/lnbits/extensions/ngrok/__init__.py
index 39b61ab45..29d63ff87 100644
--- a/lnbits/extensions/ngrok/__init__.py
+++ b/lnbits/extensions/ngrok/__init__.py
@@ -3,10 +3,8 @@ from lnbits.db import Database
 
 db = Database("ext_ngrok")
 
-freetunnel_ext: Blueprint = Blueprint(
+ngrok_ext: Blueprint = Blueprint(
     "ngrok", __name__, static_folder="static", template_folder="templates"
 )
 
-
-from .views_api import *  # noqa
-from .views import *  # noqa
+from .views import *  # noqa
\ No newline at end of file
diff --git a/lnbits/extensions/ngrok/templates/ngrok/index.html b/lnbits/extensions/ngrok/templates/ngrok/index.html
index 2216777a9..d41d317b7 100644
--- a/lnbits/extensions/ngrok/templates/ngrok/index.html
+++ b/lnbits/extensions/ngrok/templates/ngrok/index.html
@@ -1,37 +1,47 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
 %} {% block page %}
-<q-card>
-  <q-card-section>
-    <h5 class="text-subtitle1 q-mt-none q-mb-md">Access this lnbits instance at the following url</h5>
-    <q-separator class="q-my-lg"></q-separator>
-    <p><a href="{{ ngrok }}" target="_blank">{{ ngrok }}</a></p>
-    <p>Note that if you restart your device, your device will generate a new url. If anyone is using your old one for wallets, lnurls, etc., whatever they are doing will stop working.</p>
-  </q-card-section>
-</q-card>
+
+<div class="row q-col-gutter-md">
+  <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
+    <q-card>
+      <q-card-section>
+        <h5 class="text-subtitle1 q-mt-none q-mb-md">
+          Access this lnbits instance at the following url
+        </h5>
+        <q-separator class="q-my-lg"></q-separator>
+        <p><a href="{{ ngrok }}" target="_blank">{{ ngrok }}</a></p>
+        <p>
+          Note that if you restart your device, your device will generate a new
+          url. If anyone is using your old one for wallets, lnurls, etc.,
+          whatever they are doing will stop working.
+        </p>
+      </q-card-section>
+    </q-card>
+  </div>
+
+  <div class="col-12 col-md-5 q-gutter-y-md">
+    <q-card>
+      <q-card-section>
+        <h6 class="text-subtitle1 q-my-none">Ngrok extension</h6>
+      </q-card-section>
+      <q-card-section class="q-pa-none">
+        <q-separator></q-separator>
+        <q-list>
+          {% include "tpos/_api_docs.html" %}
+          <q-separator></q-separator>
+          {% include "tpos/_tpos.html" %}
+        </q-list>
+      </q-card-section>
+    </q-card>
+  </div>
+</div>
+
 {% endblock %} {% block scripts %} {{ window_vars(user) }}
 <script>
   new Vue({
     el: '#vue',
     mixins: [windowMixin],
-    data: function () {
-      return {
-        tools: []
-      }
-    },
-    created: function () {
-      var self = this
-
-      // axios is available for making requests
-      axios({
-        method: 'GET',
-        url: '/example/api/v1/tools',
-        headers: {
-          'X-example-header': 'not-used'
-        }
-      }).then(function (response) {
-        self.tools = response.data
-      })
-    }
+    data: function () {}
   })
 </script>
 {% endblock %}
diff --git a/lnbits/extensions/ngrok/views.py b/lnbits/extensions/ngrok/views.py
index 7d2d89e08..2d35286f6 100644
--- a/lnbits/extensions/ngrok/views.py
+++ b/lnbits/extensions/ngrok/views.py
@@ -3,6 +3,7 @@ from quart import g, render_template
 from lnbits.decorators import check_user_exists, validate_uuids
 
 from pyngrok import conf, ngrok
+from . import ngrok_ext
 
 def log_event_callback(log):
     string = str(log)
@@ -17,8 +18,6 @@ conf.get_default().log_event_callback = log_event_callback
 
 ngrok_tunnel = ngrok.connect(5000)
 
-from . import ngrok_ext
-
 @ngrok_ext.route("/")
 @validate_uuids(["usr"], required=True)
 @check_user_exists()
diff --git a/lnbits/extensions/ngrok/views_api.py b/lnbits/extensions/ngrok/views_api.py
deleted file mode 100644
index 2952eb237..000000000
--- a/lnbits/extensions/ngrok/views_api.py
+++ /dev/null
@@ -1,15 +0,0 @@
-# views_api.py is for you API endpoints that could be hit by another service
-
-# add your dependencies here
-
-import pyngrok
-
-# import json
-# import httpx
-# (use httpx just like requests, except instead of response.ok there's only the
-#  response.is_error that is its inverse)
-
-from quart import jsonify
-from http import HTTPStatus
-
-from . import ngrok_ext