diff --git a/options/options.html b/options/options.html
new file mode 100644
index 0000000..606f214
--- /dev/null
+++ b/options/options.html
@@ -0,0 +1,121 @@
+
+
+
+
+ Sciezka Options
+
+
+
+ Sciezka
+ Tab search & navigation settings
+
+
+
+
+
+
+
+
+
+
+
+ Settings saved
+
+
+ Keyboard shortcut can be changed in about:addons → gear icon → Manage Extension Shortcuts
+
+
+
+
+
diff --git a/options/options.js b/options/options.js
new file mode 100644
index 0000000..c953cfc
--- /dev/null
+++ b/options/options.js
@@ -0,0 +1,27 @@
+const optMode = document.getElementById("opt-mode");
+const optMethod = document.getElementById("opt-method");
+const savedMsg = document.getElementById("saved-msg");
+
+async function load() {
+ const data = await chrome.storage.sync.get(["defaultMode", "defaultMethod"]);
+ if (data.defaultMode) optMode.value = data.defaultMode;
+ if (data.defaultMethod) optMethod.value = data.defaultMethod;
+}
+
+function showSaved() {
+ savedMsg.classList.add("show");
+ setTimeout(() => savedMsg.classList.remove("show"), 1500);
+}
+
+async function save() {
+ await chrome.storage.sync.set({
+ defaultMode: optMode.value,
+ defaultMethod: optMethod.value,
+ });
+ showSaved();
+}
+
+optMode.addEventListener("change", save);
+optMethod.addEventListener("change", save);
+
+load();