diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..1894448
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "src/assets/translations"]
+	path = src/assets/translations
+	url = https://github.com/ringtools/ringtools-translations/
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 70401aa..5f0ed56 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -14,7 +14,7 @@ import { HttpClient } from '@angular/common/http';
 
 // AoT requires an exported function for factories
 export function HttpLoaderFactory(http: HttpClient) {
-  return new TranslateHttpLoader(http);
+  return new TranslateHttpLoader(http, './assets/translations/web/', '.json');
 }
 
 @NgModule({
diff --git a/src/app/components/settings/settings.component.ts b/src/app/components/settings/settings.component.ts
index 1e54132..c5448aa 100644
--- a/src/app/components/settings/settings.component.ts
+++ b/src/app/components/settings/settings.component.ts
@@ -41,7 +41,7 @@ export class SettingsComponent implements OnInit {
   nodeOwners: NodeOwner[] = [];
   selectedLanguage!: string;
 
-  locales = ['en-US', 'nl-NL']
+  locales = ['en-US', 'nl-NL', 'es-ES']
 
   shareUrl: string = '';
   showLogo: boolean = true;
diff --git a/src/assets/i18n/en-US.json b/src/assets/i18n/en-US.json
deleted file mode 100644
index 51da8d9..0000000
--- a/src/assets/i18n/en-US.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "Pages": {
-    "HOME": "Home",
-    "OVERVIEW": "Overview",
-    "VISUAL": "Visual",
-    "SETTINGS": "Settings"
-  },
-  "Home": {
-    "WELCOME_HEADER": "Welcome to RingTools Web",
-    "WELCOME_TEXT": "Please report any issues on <a href=\"https://github.com/ringtools/ringtools-web/issues\" target=\"_blank\"><i class=\"bi bi-github\"></i> GitHub</a> if you encounter them, enjoy!",
-    "DONATE_TEXT": "Running the infrastructure for RingTools is not free. If you like RingTools, please consider ",
-    "DONATE_LINK": "donating"
-  },
-  "Footer": {
-    "DOCUMENTATION": "Documentation",
-    "GITHUB": "Github",
-    "DONATE": "Donate"
-  },
-  "Settings": {
-    "RING_NAME": "Ring name",
-    "RING_SIZE": "Ring size",
-    "BTN_IMPORT_GROUPNODES": "Import Groupnodes",
-    "BTN_SAVE_RING_SETTINGS": "Save Ring Settings",
-    "BTN_ADD": "Add",
-    "BTN_LOAD": "Load",
-    "BTN_REMOVE": "Remove",
-    "BTN_PARSE_CAPACITY": "Parse capacity",
-    "SAVED_RINGS": "Saved Rings",
-    "NO_SAVED_RINGS": "No saved rings",
-    "LANGUAGE": "Language"
-  }
-}
diff --git a/src/assets/i18n/nl-NL.json b/src/assets/i18n/nl-NL.json
deleted file mode 100644
index d96b1b2..0000000
--- a/src/assets/i18n/nl-NL.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "Pages": {
-    "HOME": "Home",
-    "OVERVIEW": "Overzicht",
-    "VISUAL": "Visueel",
-    "SETTINGS": "Instellingen"
-  },
-  "Home": {
-    "WELCOME_HEADER": "Welkom bij RingTools Web",
-    "WELCOME_TEXT": "Als je problemen tegenkomt, meld deze dan op <a href=\"https://github.com/ringtools/ringtools-web/issues\" target=\"_blank\"><i class=\"bi bi-github\"></i> GitHub</a>, dank!",
-    "DONATE_TEXT": "Het draaien van de infrastructuur voor RingTools is niet gratis. Als je RingTools handig vind, overweeg dan om te ",
-    "DONATE_LINK": "doneren"
-  },
-  "Footer": {
-    "DOCUMENTATION": "Documentatie",
-    "GITHUB": "Github",
-    "DONATE": "Doneren"
-  },
-  "Settings": {
-    "RING_NAME": "Ring naam",
-    "RING_SIZE": "Ringgrootte",
-    "BTN_IMPORT_GROUPNODES": "Importeer Groupnodes",
-    "BTN_SAVE_RING_SETTINGS": "Sla ring op",
-    "BTN_ADD": "Toevoegen",
-    "BTN_LOAD": "Laden",
-    "BTN_REMOVE": "Verwijderen",
-    "BTN_PARSE_CAPACITY": "Parse capacity",
-    "SAVED_RINGS": "Opgeslagen ringen",
-    "NO_SAVED_RINGS": "Geen opgeslagen ringen",
-    "LANGUAGE": "Taal"
-  }
-}
diff --git a/src/assets/translations b/src/assets/translations
new file mode 160000
index 0000000..06a98ab
--- /dev/null
+++ b/src/assets/translations
@@ -0,0 +1 @@
+Subproject commit 06a98ab7033fc1f36297a7f4ec85718bf734e5c7