Croatian (hr)

Complete reference for the hr locale — live Intl API output, CLDR plural rules, and framework config snippets.

Locale reference

Locale metadata

BCP 47 codehr

Native nameHrvatski

English nameCroatian

Languagehr

RegionNone (base locale)

ScriptLatn

Text directionLeft-to-right (LTR)

CLDR plural categoriesone, few, other

Estimated speakers~5,500,000

Intl API Live Output

DateTimeFormat

Short26. 08. 2026.

Medium26. kol 2026.

Long26. kolovoza 2026.

Fullsrijeda, 26. kolovoza 2026.

NumberFormat

Decimal1.234.567,89

Currency (USD)9,99 USD

Percent75 %

Compact1,2 mil.

RelativeTimeFormat

prije 3 dana

Output for: -3 days ago

ListFormat

apples, oranges i bananas

Conjunction list: apples, oranges, bananas

CLDR Plural Rules

Categories supported by hr: one, few, other

oneExample number: 1

→ one

fewExample number: 3

→ few

otherExample number: 100

→ other

Framework Config Snippets

next-intl

// next-intl configuration
// next.config.ts
import createNextIntlPlugin from 'next-intl/plugin';
const withNextIntl = createNextIntlPlugin();
export default withNextIntl({});

// i18n/routing.ts
import { defineRouting } from 'next-intl/routing';
export const routing = defineRouting({
  locales: ['hr', 'en'],
  defaultLocale: 'en',
});

react-intl

// react-intl configuration
import { IntlProvider } from 'react-intl';
import messages from './messages/hr.json';

function App() {
  return (
    <IntlProvider locale="hr" messages={messages}>
      {/* your app */}
    </IntlProvider>
  );
}

i18next

// i18next configuration
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n
  .use(initReactI18next)
  .init({
    lng: 'hr',
    fallbackLng: 'en',
    resources: {
      'hr': {
        translation: require('./locales/hr/translation.json'),
      },
    },
  });

export default i18n;