diff --git a/contrib/static/.gitignore b/contrib/static/.gitignore
index 4db2d70..7d4e089 100644
--- a/contrib/static/.gitignore
+++ b/contrib/static/.gitignore
@@ -1,3 +1,3 @@
 nntpchan.js
 neochan.js
-neochan.css
\ No newline at end of file
+neochan.css
diff --git a/contrib/static/neochan-app.js b/contrib/static/neochan-app.js
new file mode 100644
index 0000000..654ca83
--- /dev/null
+++ b/contrib/static/neochan-app.js
@@ -0,0 +1 @@
+/** neochan js code */
diff --git a/contrib/static/neochan.html b/contrib/static/neochan.html
new file mode 100644
index 0000000..6746aeb
--- /dev/null
+++ b/contrib/static/neochan.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
+        <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">
+        <title> Neochan UI </title>
+    </head>
+    <body>
+        <div id="app">
+            <v-app>
+                <main>
+                    <v-container>Hello world</v-container>
+                </main>
+            </v-app>
+        </div>
+
+        <script src="https://unpkg.com/vue/dist/vue.js"></script>
+        <script src="https://unpkg.com/vuetify/dist/vuetify.js"></script>
+        <script src="/static/neochan-app.js"></script>
+        <script>
+         new Vue({ el: '#app' })
+        </script>
+    </body>
+</html>
