The last "change this text" ticket you'll ever close.
Tolgee is an open-source i18n toolkit for React. Hold Alt, click any text in your running app, and edit it. That is the whole trick.
TOL-4821
Closed
Change “Signup” to “Sign up”
closed by your product manager
Install the SDK
Run npm install @tolgee/react and wrap your strings in the <T> component or the useTranslate hook.
Install the browser extension
Run your app
Fix translations live
// before
<h1> Sign up </h1>
// after
<h1><T keyName="signup_title" /></h1>
React
Angular
Vue
Svelte
Next
Slack integration
Figma plugin
Vanilla JS
REST API
JSON
.po PHP
Apple .strings
Android
Flutter
React and Next.js are first-class citizens
SDKs for Vue, Angular and Svelte exist too.
Already on i18next?
Tolgee integrates with it, so you can adopt it gradually instead of rewriting.
It works in an existing app
Wrap one component, try the gesture, expand from there.
Your data stays portable
Import and export standard formats anytime. No vendor lock-in: Tolgee is open source (Apache-2.0, 4,000+ stars on GitHub) and self-hostable. If you ever want to run it on your own servers, or leave entirely, you can.
1
The extension does nothing without access to your Tolgee project. Editing requires an API key with permissions you granted. A visitor holding Alt sees your app and nothing more.
2
An edit is data, not code. Alt+click changes a translation value in your Tolgee project, the same value a translator would edit in the platform. Nobody touches your DOM or your codebase.
3
You decide what ships. Changes live in the platform, with history, where you can review them before they reach your users.