ICU Message Format Playground

Test ICU message syntax with live preview, multi-locale output, and instant error explanations.

Free i18n Tool

Load example:

ICU Message

Edit your message using ICU syntax below

Valid ICU message

Variables

Adjust values to see live output changes

name (string)

Multi-locale Preview

Live output across 4 locales using Intl.PluralRules

EnglishHello, World!

GermanHello, World!

JapaneseHello, World!

ArabicHello, World!

Code Snippet

import { useIntl } from "react-intl";

// In your messages file:
// { "myKey": "Hello, {name}!" }

function MyComponent() {
  const intl = useIntl();
  return (
    <span>
      {intl.formatMessage(
        { id: "myKey" },
        {
    name: "World"
  }
      )}
    </span>
  );
}

常见问题