diff --git a/.eslintignore b/.eslintignore
index 3fcdfade..f55ecf84 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1,3 @@
-/share/container/health_check.js
\ No newline at end of file
+/share/container/health_check.js
+../torrust-index-api-lib
+../torrust-index-types-lib
diff --git a/components/navigation/NavigationBar.vue b/components/navigation/NavigationBar.vue
index 03898bd2..bd94cff2 100644
--- a/components/navigation/NavigationBar.vue
+++ b/components/navigation/NavigationBar.vue
@@ -34,6 +34,9 @@
               <li v-if="user.admin" data-cy="admin-settings-link"><NuxtLink to="/admin/settings/backend">
                 Admin Settings
               </NuxtLink></li>
+              <li data-cy="change-password-link"><NuxtLink :to="{ name: 'user-username', params: { username: user.username } }">
+                Change password
+              </NuxtLink></li>
               <li><a data-cy="help" href="https://torrust.github.io/torrust-index-gui-user-guide/" target="_blank">Help</a></li>
               <li><a data-cy="logout-link" @click="logoutUser()">Logout {{ user.username }}</a></li>
             </ul>
diff --git a/components/user/ChangePasswordForm.vue b/components/user/ChangePasswordForm.vue
new file mode 100644
index 00000000..0e458a65
--- /dev/null
+++ b/components/user/ChangePasswordForm.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="px-2 lg:px-0">
+    <div class="w-auto max-w-md px-6 py-6 mx-auto text-neutral-content/50 rounded-2xl">
+      <h2 class="mb-4 text-2xl font-semibold text-center text-neutral-content">
+        Change Password
+      </h2>
+      <form
+        class="space-y-3"
+        @submit.prevent="submit"
+      >
+        <FormInputText
+          v-model="form.current_password"
+          :type="revealPasswords ? 'text' : 'password'"
+          label="Current password"
+          name="current_password"
+          data-cy="change-password-form-current-password"
+          required
+        />
+        <FormInputText
+          v-model="form.password"
+          :type="revealPasswords ? 'text' : 'password'"
+          label="New password"
+          name="password"
+          data-cy="change-password-form-password"
+          required
+        />
+        <FormInputText
+          v-model="form.confirm_password"
+          :type="revealPasswords ? 'text' : 'password'"
+          label="Confirm new password"
+          name="confirm_password"
+          data-cy="change-password-form-confirm-password"
+          required
+        />
+        <div class="form-control">
+          <label class="cursor-pointer label">
+            <span class="label-text">Reveal passwords</span>
+            <input type="checkbox" class="toggle" @click="toggleState">
+          </label>
+        </div>
+        <button type="submit" name="submit" data-cy="change-password-form-submit" class="w-full btn btn-primary">
+          Update
+        </button>
+      </form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { type Ref } from "vue";
+import { notify } from "notiwind-ts";
+import { ref, useRestApi, useSettings } from "#imports";
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: true
+  }
+});
+
+const revealPasswords: Ref<Boolean> = ref(false);
+
+type Form = {
+  current_password: string,
+  password: string,
+  confirm_password: string
+}
+
+const rest = useRestApi();
+const settings = useSettings();
+
+const form: Ref<Form> = ref({
+  current_password: "",
+  password: "",
+  confirm_password: ""
+});
+
+function toggleState () {
+  if (revealPasswords.value) {
+    revealPasswords.value = false;
+  } else {
+    revealPasswords.value = true;
+  }
+}
+
+function submit () {
+  changePassword(props.username);
+}
+
+function changePassword (username: string) {
+  rest.value.user.changePassword({
+    current_password: form.value.current_password,
+    password: form.value.password,
+    confirm_password: form.value.confirm_password
+  }, username)
+    .then(() => {
+      navigateTo("/torrents", { replace: true });
+      notify({
+        group: "success",
+        title: "Success",
+        text: "Your password was changed!"
+      }, 4000); // 4s
+    })
+    .catch((err) => {
+      notify({
+        group: "error",
+        title: "Error",
+        text: `Password change failed. ${err.message}.`
+      }, 10000);
+    });
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/package-lock.json b/package-lock.json
index cc22f0ba..45f95383 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "dompurify": "^3.1.4",
         "marked": "^12.0.2",
         "notiwind-ts": "^2.0.2",
-        "torrust-index-api-lib": "^1.0.0-alpha.6",
+        "torrust-index-api-lib": "^1.0.0-alpha.7",
         "torrust-index-types-lib": "^1.0.0-alpha.5",
         "uuid": "^9.0.1"
       },
@@ -20297,10 +20297,9 @@
       }
     },
     "node_modules/torrust-index-api-lib": {
-      "version": "1.0.0-alpha.6",
-      "resolved": "https://registry.npmjs.org/torrust-index-api-lib/-/torrust-index-api-lib-1.0.0-alpha.6.tgz",
-      "integrity": "sha512-i88vndzGA1GMsghjnypTq7ysQowy3ZXXdv+kgnGVl1HrnVkscLjHVKqgJk5Dqi9PxC5NHz5ROgM7N5P7A5ZPLg==",
-      "license": "SEE LICENSE IN COPYRIGHT",
+      "version": "1.0.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/torrust-index-api-lib/-/torrust-index-api-lib-1.0.0-alpha.7.tgz",
+      "integrity": "sha512-l2nFWpRD5C9/sUF2OXbyGL8SPKpsfV6PBLdLOaCEGGRY7ywqBJWKx0m+Ve885kEsI+XtXEPDyY4zKi9497Idcw==",
       "dependencies": {
         "torrust-index-types-lib": "^1.0.0-alpha.5"
       }
diff --git a/package.json b/package.json
index cfca62c6..a607520c 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "dompurify": "^3.1.4",
     "marked": "^12.0.2",
     "notiwind-ts": "^2.0.2",
-    "torrust-index-api-lib": "^1.0.0-alpha.6",
+    "torrust-index-api-lib": "^1.0.0-alpha.7",
     "torrust-index-types-lib": "^1.0.0-alpha.5",
     "uuid": "^9.0.1"
   }
diff --git a/pages/user/[username].vue b/pages/user/[username].vue
new file mode 100644
index 00000000..2561c45d
--- /dev/null
+++ b/pages/user/[username].vue
@@ -0,0 +1,15 @@
+<template>
+  <ChangePasswordForm :username="user.username" />
+</template>
+
+<script setup lang="ts">
+import ChangePasswordForm from "~/components/user/ChangePasswordForm.vue";
+import { useUser } from "#imports";
+
+const user = useUser();
+
+</script>
+
+<style scoped>
+
+</style>