diff --git a/app/index.html b/app/index.html
index 5938d455..576d861d 100644
--- a/app/index.html
+++ b/app/index.html
@@ -14,6 +14,7 @@
 	<script type="text/javascript" src="../node_modules/pnotify/dist/iife/PNotifyButtons.js"></script>
 
 	<script type="text/javascript" src="../node_modules/ejs/ejs.js"></script>
+	<script type="text/javascript" src="../node_modules/ejs-render-remote/ejs-render-remote.js"></script>
 	<script type="text/javascript" src="js/templates.js"></script>
 	<script type="text/javascript" src="js/sorttable.js"></script>
 
diff --git a/app/js/index.js b/app/js/index.js
index 209c4a66..8d726906 100644
--- a/app/js/index.js
+++ b/app/js/index.js
@@ -7,22 +7,22 @@
 	//events
 	ipcRenderer.on('fileList', (event, files) => {
 		if (files && files.length > 0) {
-			$('.files-table-container').html(gitlit.templates.files({files: files}));
+			$('.files-table-container').html(ejs.rr('templates/files.ejs', {files: files}));
 			sorttable.makeSortable($('.js-filestable')[0]);
 			var myTH = document.getElementsByTagName('th')[0];
 			sorttable.innerSortFunction.apply(myTH, []);
 		} else {
-			$('.files-table-container').html(gitlit.templates.noGitLfsFiles());
+			$('.files-table-container').html(ejs.rr('templates/noGitLfsFiles.ejs'));
 		}
 	});
 
 	ipcRenderer.on('repoDir', (event, repoDir) => {
-		$('.js-container').html(gitlit.templates.main());
+		$('.js-container').html(ejs.rr('templates/main.ejs'));
 		$('.js-repo-dir').text('current repo dir: ' + repoDir).show();
 	});
 
 	ipcRenderer.on('isNoGitLfsRepo', (event, repoDir) => {
-		$('.js-container').html(gitlit.templates.isNoGitLfsRepo({repoDir: repoDir}));
+		$('.js-container').html(ejs.rr('templates/isNoGitLfsRepo.ejs', {repoDir: repoDir}));
 	});
 
 	ipcRenderer.on('notification', (event, notification) => {
@@ -76,6 +76,16 @@
 		window.location.reload(false);
 	});
 
+	$(document).on('click', '.js-open-folder', (ev) => {
+		ev.preventDefault();
+		$('.js-open-folder-input').trigger('click');
+	});
+
+	$(document).on('change', '.js-open-folder-input', (ev) => {
+		ev.preventDefault();
+		ipcRenderer.send('restart', $('.js-open-folder-input')[0].files[0].path);
+	});
+
 	$(document).on('keypress', (ev) => {
 		//ctrl + f
 		if (ev.ctrlKey && ev.charCode == 6) {
diff --git a/app/templates/files.ejs b/app/templates/files.ejs
new file mode 100644
index 00000000..323e02d6
--- /dev/null
+++ b/app/templates/files.ejs
@@ -0,0 +1,40 @@
+<table class="table table-striped sortable js-filestable">
+	<thead class="thead-light">
+		<tr>
+			<th>file</th>
+			<th>status</th>
+			<th class="sorttable_nosort">action</th>
+		</tr>
+	<thead>
+
+	<tbody>
+	<% files.forEach((file) => { %>
+		<tr>
+			<td><%= file.file %></td>
+			<td><%= file.lockedBy ? file.lockedBy + ' (id: ' + file.id + ')' : 'not locked' %></td>
+			<td>
+				<a class="btn btn-primary btn-sm js-lock"
+					href="javascript:///"
+					data-file="<%= file.file %>"
+					style="<%= file.lockedBy ? 'display: none;' : '' %>"
+				>
+					Lock
+				</a>
+				<a class="btn btn-danger btn-sm js-unlock"
+					href="javascript:///"
+					data-file="<%= file.file %>"
+					style="<%= file.lockedBy ? '' : 'display: none;' %>"
+				>
+					Unlock
+				</a>
+			</td>
+		</tr>
+	<% }); %>
+	</tbody>
+</table>
+
+<div class="float-right">
+	<a class="btn btn-secondary btn-sm js-refresh" href="javascript:///">
+		Refresh
+	</a>
+</div>
diff --git a/app/templates/isNoGitLfsRepo.ejs b/app/templates/isNoGitLfsRepo.ejs
new file mode 100644
index 00000000..139cc00e
--- /dev/null
+++ b/app/templates/isNoGitLfsRepo.ejs
@@ -0,0 +1,7 @@
+<div class="alert alert-danger">
+	<%= repoDir %> is not a git lfs repo.
+</div>
+<div class="text-center">
+	<a class="btn btn-primary js-open-folder" href="javascript:///">Open an other folder</a>
+	<input type="file" style="display: none" class="js-open-folder-input" webkitdirectory />
+</div>
diff --git a/app/templates/main.ejs b/app/templates/main.ejs
new file mode 100644
index 00000000..7d0dcea0
--- /dev/null
+++ b/app/templates/main.ejs
@@ -0,0 +1,6 @@
+<div class="alert alert-success js-repo-dir" style="display:none;"></div>
+<div class="files-table-container">
+	<div class="alert alert-primary" role="alert">
+		Getting file list...
+	</div>
+</div>
diff --git a/app/templates/noGitLfsFiles.ejs b/app/templates/noGitLfsFiles.ejs
new file mode 100644
index 00000000..d293d9a9
--- /dev/null
+++ b/app/templates/noGitLfsFiles.ejs
@@ -0,0 +1,3 @@
+<div class="alert alert-info">
+	no files tracked with lfs here.
+</div>
diff --git a/package-lock.json b/package-lock.json
index 5b711770..c5948bbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -812,6 +812,11 @@
       "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.6.2.tgz",
       "integrity": "sha512-PcW2a0tyTuPHz3tWyYqtK6r1fZ3gp+3Sop8Ph+ZYN81Ob5rwmbHEzaqs10N3BEsaGTkh/ooniXK+WwszGlc2+Q=="
     },
+    "ejs-render-remote": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/ejs-render-remote/-/ejs-render-remote-1.0.7.tgz",
+      "integrity": "sha512-Yr3dk+Z1tn386sntXBZv53Ql0s+vg7clKFP6URGsZvKkPr5nyc9oJ/tAZBcodHh3y9js1u+Z4DvW7wm622HjTA=="
+    },
     "electron": {
       "version": "3.1.11",
       "resolved": "https://registry.npmjs.org/electron/-/electron-3.1.11.tgz",
diff --git a/package.json b/package.json
index 0c96a443..9adc9daf 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "animate.css": "^3.5.2",
     "bootstrap": "^4.1.3",
     "ejs": "^2.6.1",
+    "ejs-render-remote": "^1.0.7",
     "electron-find": "^1.0.6",
     "electron-localshortcut": "^3.1.0",
     "jquery": "^3.3.1",