UI Localization Cheat Sheet

Strings, pluralization, and context

Last Updated: November 21, 2025

Components

Element i18n Tip
Buttons Avoid embedded verbs
Dates Use locale formatting
Placeholders Provide instructions

Commands

gettext extraction
Gather strings
npm run lint:i18n
Detect missing keys
bundle locale
Ship translations

Validation

Proofread in each language and test UI with longer strings.

💡 Pro Tip: Store defaults in JSON/YAML, support placeholders, and have translators review context notes.
← Back to Design & Creative | Browse all categories | View all cheat sheets