diff --git a/packages/fps-importer/package.json b/packages/fps-importer/package.json
index d8f87ad6a..ff7c71c18 100644
--- a/packages/fps-importer/package.json
+++ b/packages/fps-importer/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@hydrooj/fps-importer",
-    "version": "1.0.0",
+    "version": "1.0.2",
     "description": "Import FPS problems",
     "main": "package.json",
     "repository": "https://github.com/hydro-dev/Hydro.git",
@@ -9,11 +9,11 @@
     "dependencies": {
         "adm-zip": "^0.4.16",
         "fs-extra": "^9.0.1",
-        "hydrooj": "^2.12.22",
         "turndown": "^6.0.0",
         "xml2js": "^0.4.23"
     },
     "devDependencies": {
+        "hydrooj": "^2.12.22",
         "@types/turndown": "^5.0.0",
         "@types/xml2js": "^0.4.5"
     },
@@ -21,4 +21,4 @@
         "build": "tsc",
         "lint": "eslint . --ext ts --fix"
     }
-}
+}
\ No newline at end of file
diff --git a/packages/fps-importer/template/problem_import_fps.html b/packages/fps-importer/template/problem_import_fps.html
new file mode 100644
index 000000000..537b3d1dc
--- /dev/null
+++ b/packages/fps-importer/template/problem_import_fps.html
@@ -0,0 +1,36 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__body">
+        <form method="post">
+          <div class="row"><div class="columns">
+            <label>
+              {{ _('FPS FILE') }}
+              <textarea name="content" class="textbox" data-xml style="height: 500px"></textarea>
+            </label>
+          </div></div>
+          <div class="row"><div class="columns">
+            <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
+            <button type="submit" class="rounded primary button">
+              {{ _('Import') }}
+            </button>
+            <button type="button" class="rounded button" onclick="window.history.go(-1)">
+              {{ _('Cancel') }}
+            </button>
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    <div class="section side">
+      <div class="section__body typo">
+        <h2>{{ _('What is this?') }}</h2>
+        <p>{{ _('With this feature, you can import problems that you can view from a site to here. Their title, content, tags and categories will be imported.') }}</p>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}