Keyglot for VS Code

Turn hardcoded interface text into translation keys, with a clear review of every change before you apply it.

Keyglot helps you prepare JavaScript and TypeScript apps for multiple languages without leaving your editor. Find text, organize your keys, review source diffs, and keep your app's translations up to date.

What you can do

Find interface text. Scan JavaScript, TypeScript, JSX, and TSX for headings, buttons, labels, placeholders, and other supported user-facing text.
Review before changing code. See the proposed keys and source changes together. Open the full diff, then choose whether to apply and save.
Handle uncertain text deliberately. Safe rewrites and ambiguous strings are shown separately. Review uncertain items, leave them for later, or dismiss them.
Organize your translations. Choose namespaces and key names for a single string or a group of strings. Group translations by feature, screen, or component.
Work with files or a Keyglot project. Keep translations in your project as JSON files, or connect an existing Keyglot project to manage them with your team.
Bring existing translations along. Preview and import source-language JSON when connecting a project.
Keep your app up to date. Preview translation updates before replacing your app's translation files. Choose the latest saved translations or a published version.
Write translation calls faster. Get suggestions for existing keys in supported translation calls.

Get started

Open your JavaScript or TypeScript project in VS Code.
Select Keyglot in the Activity Bar and sign in. New to Keyglot? Create an account.
Choose Initialize workspace and follow the setup prompts. Use translation files in your project or connect a Keyglot project.
Select Scan workspace to find supported interface text. Scanning does not change your files.
Choose Review changes or Review safe rewrites. Check the proposed keys and diffs, then select Apply & save when you are ready.

You can also find Keyglot actions in the Command Palette by searching for Keyglot.

A review workflow you control

Overview shows your setup, scan results, and next step.

Extraction Review shows the selected strings, proposed translation keys, and affected files. Use Open full diff to inspect all source changes. Cancel the review to leave your files unchanged.

Review Strings is an optional list for inspecting individual occurrences, adjusting destinations, and dismissing items you do not want to extract. Some items require a manual code change rather than an automatic rewrite.

After applying changes, use Update app translations when you want to bring the latest translations into a connected app that uses translation files.

Requirements

VS Code 1.125 or newer.
A JavaScript or TypeScript project. React projects are supported, including JSX and TSX.
A Keyglot account and available plan allowance to review and apply extractions.
A trusted workspace before applying source changes. Untrusted workspaces can still be scanned.

Keyglot works with supported translation setups; it does not automatically rewrite every string or code pattern. Review flagged items and test your app after applying changes.

Keyglot