The React i18n library that syncs its own keys

Open-source localization library and platform for React

Keys sync to Tolgee as you write them. Translations come back from AI or from your translators. A T component, a useTranslate hook, ICU plurals and TypeScript types. And once it is wired, texts stop being your tickets.

Sign up for free

No card required.
500 keys and 3 seats
on the free plan.

Read the React docs

// src/App.jsx

Tolgee project

app_title

cta_button

// src/App.jsx

Tolgee project

app_title

cta_button

signup_title

Registrieren

Regístrate

4.6

Star

Trusted by great companies. Used by 40 000+ users.

Up and running in three lines

Install the SDK, wrap a string, run the app. New keys show up in your Tolgee project on their own.

Full React quickstart in the docs

> npm install @tolgee/react

What you get as a developer

T component and useTranslate hook

Use the component in JSX or the hook anywhere you need a string. Both are typed.

ICU plurals and placeholders

Plurals, gender, numbers and dates through ICU message format. HTML in translations is handled safely.

SSR ready

Translations render on the server, no flash of untranslated text. On Next.js? There is a dedicated page for that.

Works with i18next

Already on react-i18next? Tolgee plugs into it. Keep your setup and move over gradually.

CLI and CI

Push and pull translations, tag keys and extract strings from code in your pipeline.

REST API and standard formats

Import and export JSON, .po, XLIFF and more. Your data is never locked in.

Alt+click any text in your running app and edit it

QuickFit app

Workouts that fit your schedule, goals, and lifestyle.

Quick translation

Homepage-subtitle

Workouts that fit your schedule, goals...

Entrenamientos que se adaptan a tu…

Alt+click any text in your running app and edit it

Hold Alt, click any text in the running app, type. That is the whole editing flow.

Your PM, your client or your translator can do it. They edit in the app, not in a spreadsheet.

The edit is data in Tolgee, not a change in your code. Nothing ships until you decide.

Sign up for free

Nico H.

Project Leader

I really like the in-context editing feature of Tolgee. This way our clients have an easy to use way to edit translations of the platforms we build.

See review

Nico H.

Developer

I really like the in-context editing feature of Tolgee. This way our clients have an easy to use way to edit translations of the platforms we build.

See review

AI translations that know where the string sits

The React SDK captures the context of each text in your UI.

The AI translator uses it, so "Save" on a button and "Save" in a bank app do not get the same translation. New languages are ready in minutes.

My app

Learn more

Start now

Quick translation

Button_key_name

Start now

My app

Learn more

Start now

Open source, self-hostable, no lock-in

Apache-2.0 licence, 4 000+ stars on GitHub. Run it on our cloud or on your own servers. Import and export any time.

Star

View on GitHub

Drew Hoover

Product Developer at Curipod

We were seeing hundreds of React crashes per day from browser translation. Tolgee brought that number to zero overnight.

Read the case study

Drew Hoover

Product Developer at Curipod

We were seeing hundreds of React crashes per day from browser translation. Tolgee brought that number to zero overnight.

Read the case study

Try it on your next React project

Not sure it fits your setup? Write to info@tolgee.io or book a call.

Sign up for free

Marketa Cizmar

Co-founder & COO

Book a demo

Terms & conditions

Cookie statement

Information security policy

EE licence