diff --git a/src/translations/hr.ts b/src/translations/hr.ts
new file mode 100644
index 00000000..783f08d5
--- /dev/null
+++ b/src/translations/hr.ts
@@ -0,0 +1,39 @@
+import { registerTranslation } from '@shoelace-style/localize';
+import type { Translation } from '../utilities/localize.js';
+
+const translation: Translation = {
+  $code: 'hr',
+  $name: 'Hrvatski',
+  $dir: 'ltr',
+
+  carousel: 'Vrtuljak',
+  clearEntry: 'Očisti unos',
+  close: 'Zatvori',
+  copied: 'Kopirano',
+  copy: 'Kopiraj',
+  currentValue: 'Trenutna vrijednost',
+  error: 'Greška',
+  goToSlide: (slide, count) => `Idi na slajd ${slide} od ${count}`,
+  hidePassword: 'Sakrij lozinku',
+  loading: 'Učitavanje',
+  nextSlide: 'Sljedeći slajd',
+  numOptionsSelected: num => {
+    if (num === 0) return 'Nije odabrana nijedna opcija';
+    if (num === 1) return '1 opcija je odabrana';
+    return `${num} odabranih opcija`;
+  },
+  previousSlide: 'Prethodni slajd',
+  progress: 'Napredak',
+  remove: 'Makni',
+  resize: 'Promijeni veličinu',
+  scrollToEnd: 'Skrolaj do kraja',
+  scrollToStart: 'Skrolaj na početak',
+  selectAColorFromTheScreen: 'Odaberi boju sa ekrana',
+  showPassword: 'Pokaži lozinku',
+  slideNum: slide => `Slajd ${slide}`,
+  toggleColorFormat: 'Zamijeni format boje'
+};
+
+registerTranslation(translation);
+
+export default translation;