Translation Editor
Save time on handling localization files and translation strings.
Try SimpleLocalize
Share article

List of i18n libraries for React, React Native, and NextJS

List of i18n libraries for React, React Native, and NextJS

The study shows that 72% of consumers are more likely to stay on a website if it has been translated! Moreover, 55% of consumers said they only buy from websites which are in their native language!

Internationalization of your project is critical for success, if you plan to go to market in a different country.

Full list of localization libraries and tools on Github. You are welcome to add your resources as a pull requests or just create a new issue.

Top React localization libraries

See my list of the best React libraries which I gathered. I focus mainly on ReactJS, React Native and Expo libraries.

1. react-native-localize

This library is a toolbox for your React Native app localization!

Screenshot 2021-02-13 at 16.48.01

2. FormatJS

Internationalize your web apps with react-intl library (now FormatJS). Check also FormatJS CLI for message extraction below!

formatjs library

See also

3. FormatJS CLI

Extract messages from project with FormatJS library. Learn how to upload extracted translation messages to SimpleLocalize.

formatjs cli

4. react-i18nify

'React-i18nify' is a simple group of translation and localization components and helpers for your React application.


5. react-persian

Are you developing a application for a persian audience? Check 'react-persian' library. This is a group of React components for Persian localization.


6. react-littera

Littera was created to make maintaining and managing translations easier. It allows placing translations right beside your component as well as storing translations globally. Littera's structure was inspired by react-jss.

react littera for managing translations

npm install --save @assembless/react-littera

7. react-i18next

One of the most React localization libraries. Commonly used in React localization. It can be used with React Web and React Native. i18next was primary created for React only. The community gathered among the library created integrations for other frontend frameworks such as AngularJS, Vue.js and more.

See also

react localization

8. bloodyowl/react-translate

React utilities for simple i18n handling. Library is a bit outdated, last commit was in 2019, and last release is dated to end of 2016. If some reason you didn't like FormatJS, then the library is worth checking.


9. next-translate

Thanks to the community, finally we have an easy and simple i18n support for NextJS. In the NextJS version 10, the developers realised how important is i18n for SEO. So, they decided to introduce internationalized routing! We can read it on the blog that internationalized routing is now available in NextJS 10.


10. react-translated

A dead simple way to add complex translations in a React project


11. React-intl hooks

React-intl-hooks is a small and fast library that you can use to replace FormatJS components. It provides a t function, which works like the t function in i18next library.

const t = useFormatMessage();
t({ id: 'learn-react', defaultMessage: 'Learn React' })

react-intl hooks

npm install --save react-intl-hooks

13. typesafe-i18n

An opinionated, fully type-safe, lightweight localization library for TypeScript and JavaScript projects with no external dependencies.

typesafe-i18n example demo

npm install --save typesafe-i18n

12. SimpleLocalize

SimpleLocalize allows you to upload and manage translation keys in the cloud. Free account allows you to host up to 100 translation keys. You can create your account here.

1. Upload translations

translations cli upload

2. Translate in editor

simplelocalize editor - change-translation

You can use DeepL or Google Translate to translate texts automatically.

3. Download translations

simplelocalize cli download

4. Localization hosting

Check also translation hosting option to keep your localization files in the cloud.

fetching translations from backend


👋 Thanks for reading!

Relevant posts

Java 19: Internationalization

Java 19: Internationalization

Jakub PomykałabyJakubNovember 19, 2022

Learn how to implement internationalization in your Java application. This tutorial will show you how to use Spring Boot to create a simple application with

Continue reading
Spring Boot 3.0: Internationalization

Spring Boot 3.0: Internationalization

Jakub PomykałabyJakubNovember 18, 2022

Learn how to implement internationalization in your Spring Boot application. This tutorial will show you how to use Spring Boot to create a simple application with

Continue reading
What is CORS?

What is CORS?

Jakub PomykałabyJakubOctober 04, 2022

Article explains what is CORS, popular among web developers CORS, what are the common problems and how to fix them.

Continue reading