Localization & i18n / 14 primitives + composition

Localization + i18n primitives

Visual primitives for the Mufflermen workshop localization workspace — language and region switching, Intl-powered number / date / currency demos, translation memory, glossary, RTL preview, plural rules tester, string extraction, locale coverage matrix, and a live multi-zone clock. Reference only — Intl APIs are real, no translation backend is wired.

Production answer

Localization + i18n primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Localization + i18n primitives states
Generative search brief

Localization + i18n primitives: Visual primitives for the Mufflermen workshop localization workspace — language and region switching, Intl-powered number / date / currency demos, translation memory, glossary, RTL preview, plural rules tester, string extraction, locale coverage matrix, and a live multi-zone clock. Reference only — Intl APIs are real, no translation backend is wired.

Visual reference only — Intl APIs are real, no translation backend wired
Primitive 01

Language switcher

Compact language switcher with current flag + chevron, dropdown search, endonyms, and RTL marker chips.

Stateful · dropdownOpen
Primitive 02

Region switcher

Region tiles showing timezone, currency, and metric vs imperial units per supported market.

Stateful · radioOpen
Primitive 03

Currency formatter

Same amount rendered across AUD / USD / EUR / GBP / JPY / NZD / CAD via Intl.NumberFormat.

Stateless · IntlOpen
Primitive 04

Date format demo

Same instant formatted for en-AU, en-US, en-GB, de-DE, ja-JP, and ar-SA with RTL direction.

Stateless · IntlOpen
Primitive 05

Number format demo

Locale-aware separators with km / kg / °C units rendered with Intl.NumberFormat unit style.

Stateless · IntlOpen
Primitive 06

Translation key row

Row showing key + source + targets per locale, with status + reviewer chips and missing markers.

Stateless · tableOpen
Primitive 07

Translation progress meter

Bar showing % translated per language — tone shifts red < 50, amber 50–90, green 90+.

Stateless · meterOpen
Primitive 08

Glossary card

Term card with translations per locale, part of speech, usage notes, and a lock toggle.

Stateful · lockOpen
Primitive 09

RTL layout toggle

Toggle LTR / RTL preview — rotates the preview frame in place; reduced-motion swaps instantly.

Stateful · directionOpen
Primitive 10

Pluralization tester

Cardinal count input + output across CLDR plural forms (zero / one / two / few / many / other).

Stateful · IntlOpen
Primitive 11

String extraction row

Source file row listing detected strings, extraction status, and suggested translation keys.

Stateless · listOpen
Primitive 12

Translation memory card

TM suggestion card — source + memory hits + similarity % + reuse CTA per locale.

Stateless · TMOpen
Primitive 13

Locale coverage matrix

Feature × locale matrix showing translated / partial / missing / N/A coverage cells.

Stateless · matrixOpen
Primitive 14

Time zone display

Live multi-zone strip showing the current time in Sydney, NYC, London, Tokyo, and Berlin.

Stateful · tickingOpen
Composition

Full translation console

Composed translation manager workspace — language switcher, progress meters, key list, TM and glossary.

CompositionOpen