diff --git a/examples/docs/en-US/i18n.md b/examples/docs/en-US/i18n.md
index d776869be..14861d890 100644
--- a/examples/docs/en-US/i18n.md
+++ b/examples/docs/en-US/i18n.md
@@ -219,6 +219,7 @@ Currently Element ships with the following languages:
   <li>Basque (eu)</li>
   <li>Kyrgyz (kg)</li>
   <li>Armenian (hy)</li>
+  <li>Croatian (hr)</li>
 </ul>
 
 If your target language is not included, you are more than welcome to contribute: just add another language config [here](https://github.com/ElemeFE/element/tree/dev/src/locale/lang) and create a pull request.
diff --git a/examples/docs/es/i18n.md b/examples/docs/es/i18n.md
index de7b7e89b..0a222306c 100644
--- a/examples/docs/es/i18n.md
+++ b/examples/docs/es/i18n.md
@@ -219,6 +219,7 @@ Actualmente Element está disponible en los siguientes idiomas:
   <li>Vasco (eu)</li>
   <li>Kirguizstán (kg)</li>
   <li>Armenio (hy)</li>
+  <li>Croatian (hr)</li>
 </ul>
 
 Si su idioma de destino no está incluido, puede contribuir: simplemente añada  [aqui](https://github.com/ElemeFE/element/tree/dev/src/locale/lang) otra configuración de idioma y cree un pull request.
diff --git a/examples/docs/fr-FR/i18n.md b/examples/docs/fr-FR/i18n.md
index 7c2e0161e..a1c8a4bb7 100644
--- a/examples/docs/fr-FR/i18n.md
+++ b/examples/docs/fr-FR/i18n.md
@@ -221,6 +221,7 @@ Actuellement, Element supporte les langues suivantes:
   <li>Serbe (sr)</li>
   <li>Basque (eu)</li>
   <li>Kirghize (kg)</li>
+  <li>Croatian (hr)</li>
   <li>Arménien (hy)</li>
 </ul>
 
diff --git a/examples/docs/zh-CN/i18n.md b/examples/docs/zh-CN/i18n.md
index 1f3afd7c0..514a1db91 100644
--- a/examples/docs/zh-CN/i18n.md
+++ b/examples/docs/zh-CN/i18n.md
@@ -221,6 +221,7 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>巴斯克语（eu）</li>
   <li>吉尔吉斯语（kg）</li>
   <li>亚美尼亚语 (hy)</li>
+  <li>克罗地亚 (hr)</li>
 </ul>
 
 如果你需要使用其他的语言，欢迎贡献 PR：只需在 [这里](https://github.com/ElemeFE/element/tree/dev/src/locale/lang) 添加一个语言配置文件即可。
diff --git a/src/locale/lang/hr.js b/src/locale/lang/hr.js
new file mode 100644
index 000000000..afd348a5a
--- /dev/null
+++ b/src/locale/lang/hr.js
@@ -0,0 +1,109 @@
+export default {
+  el: {
+    colorpicker: {
+      confirm: 'OK',
+      clear: 'Očisti'
+    },
+    datepicker: {
+      now: 'Sada',
+      today: 'Danas',
+      cancel: 'Otkaži',
+      clear: 'Očisti',
+      confirm: 'OK',
+      selectDate: 'Odaberi datum',
+      selectTime: 'Odaberi vrijeme',
+      startDate: 'Datum početka',
+      startTime: 'Vrijeme početka',
+      endDate: 'Datum završetka',
+      endTime: 'Vrijeme završetka',
+      prevYear: 'Prethodna godina',
+      nextYear: 'Sljedeća godina',
+      prevMonth: 'Prethodni mjesec',
+      nextMonth: 'Sljedeći mjesec',
+      year: '',
+      month1: 'Siječanj',
+      month2: 'Veljača',
+      month3: 'Ožujak',
+      month4: 'Travanj',
+      month5: 'Svibanj',
+      month6: 'Lipanj',
+      month7: 'Srpanj',
+      month8: 'Kolovoz',
+      month9: 'Rujan',
+      month10: 'Listopad',
+      month11: 'Studeni',
+      month12: 'Prosinac',
+      week: 'tjedan',
+      weeks: {
+        sun: 'Pon',
+        mon: 'Uto',
+        tue: 'Sri',
+        wed: 'Čet',
+        thu: 'Pet',
+        fri: 'Sub',
+        sat: 'Ned'
+      },
+      months: {
+        jan: 'Jan',
+        feb: 'Feb',
+        mar: 'Mar',
+        apr: 'Apr',
+        may: 'May',
+        jun: 'Jun',
+        jul: 'Jul',
+        aug: 'Aug',
+        sep: 'Sep',
+        oct: 'Oct',
+        nov: 'Nov',
+        dec: 'Dec'
+      }
+    },
+    select: {
+      loading: 'Učitavanje',
+      noMatch: 'Nema pronađenih podataka',
+      noData: 'Nema podataka',
+      placeholder: 'Izaberi'
+    },
+    cascader: {
+      noMatch: 'Nema pronađenih podataka',
+      loading: 'Učitavanje',
+      placeholder: 'Izaberi'
+    },
+    pagination: {
+      goto: 'Idi na',
+      pagesize: '/stranica',
+      total: 'Ukupno {total}',
+      pageClassifier: ''
+    },
+    messagebox: {
+      title: 'Poruka',
+      confirm: 'OK',
+      cancel: 'Otkaži',
+      error: 'Pogrešan unos'
+    },
+    upload: {
+      deleteTip: 'pritisnite izbriši za brisanje',
+      delete: 'Izbriši',
+      preview: 'Pregled',
+      continue: 'Nastavak'
+    },
+    table: {
+      emptyText: 'Nema podataka',
+      confirmFilter: 'Potvrdi',
+      resetFilter: 'Resetiraj',
+      clearFilter: 'Sve',
+      sumText: 'Suma'
+    },
+    tree: {
+      emptyText: 'Nema podataka'
+    },
+    transfer: {
+      noMatch: 'Nema pronađenih podataka',
+      noData: 'Nema podataka',
+      titles: ['Lista 1', 'Lista 2'], // to be translated
+      filterPlaceholder: 'Unesite ključnu riječ', // to be translated
+      noCheckedFormat: '{total} stavki', // to be translated
+      hasCheckedFormat: '{checked}/{total} checked' // to be translated
+    }
+  }
+};