Top 12 libraries for NextJS, React apps and React Native apps for i18n and react localization
Tags: javascript, react, typescript
Published: 2021-02-13 16:17:09

 ---
title: Top 12 libraries for NextJS, React apps and React Native apps for i18n and react localization
published: true
description: "Best i18n libraries for React web, React Native, Expo and all other React apps. Check how to react localization should look like."
tags: [javascript, react, typescript]
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7zgnz6iv5ds8bh60pxiu.png
canonical_url: https://simplelocalize.io/blog/posts/the-most-popular-react-localization-libraries/
---

## Update 2021-02-22
Hey! If you want to read the most recent version of this post, then checkout the [original post on my blog](https://simplelocalize.io/blog/posts/the-most-popular-react-localization-libraries/). I update it regularly! 🌱

## Star [awesome-i18n](https://github.com/jpomykala/awesome-i18n) repository
A full [list of localization libraries and tools on Github](https://github.com/jpomykala/awesome-i18n) can be found on GitHub. Feel free to add your resources there. 🤙

## ⚛️ Libraries list for React localization

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


### 1. [react-native-localize](https://github.com/zoontek/react-native-localize) 


A toolbox for your React Native app localization

![Screenshot 2021-02-13 at 16.48.01](https://dev-to-uploads.s3.amazonaws.com/i/u9clovbbygyynepbpdnu.png)
 

### 2. [FormatJS](https://formatjs.io) 

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

![Screenshot 2021-02-13 at 16.48.42](https://dev-to-uploads.s3.amazonaws.com/i/vuixvedahnulx42ip99l.png)

### 3. [FormatJS CLI](https://formatjs.io/docs/tooling/cli/) 

Extract messages from project with FormatJS library

![Screenshot 2021-02-13 at 16.49.23](https://dev-to-uploads.s3.amazonaws.com/i/p3gu7b64mfg6bpa4s7md.png)


### 4. [react-i18nify](https://github.com/sealninja/react-i18nify) 

Simple i18n translation and localization components and helpers for React

![Screenshot 2021-02-13 at 16.50.24](https://dev-to-uploads.s3.amazonaws.com/i/5aboslv2dpx5z3pz444r.png)
 

### 5. [react-persian](https://github.com/evandhq/react-persian) 

react-persian is a set of react components for Persian localization

![Screenshot 2021-02-13 at 17.03.13](https://dev-to-uploads.s3.amazonaws.com/i/x7rs5zd63u3nutegejf1.png)
 



### 7. [react-i18next](https://react.i18next.com/)

Internationalization framework for React / React Native which is based on i18next. The i18next-community created integrations for frontend-frameworks such as React, AngularJS, Vue.js and many more.

![react localization](https://dev-to-uploads.s3.amazonaws.com/i/qdsd0kq701mjhad55txl.png)

### 8. [bloodyowl/react-translate](https://github.com/bloodyowl/react-translate) 

Internationalization for react

![Screenshot 2021-02-13 at 17.02.54](https://dev-to-uploads.s3.amazonaws.com/i/0vleumn4cn3owrx85z4l.png)
 

### 9. [next-translate](https://github.com/vinissimus/next-translate) 

Easy i18n for Next.js +10

![Screenshot 2021-02-13 at 17.01.53](https://dev-to-uploads.s3.amazonaws.com/i/utqt31b1lfjqhee1sqjl.png)
 

### 10. [react-translated](https://github.com/amsul/react-translated) 

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

![Screenshot 2021-02-13 at 17.02.13](https://dev-to-uploads.s3.amazonaws.com/i/f7j04hewvzd5p7uqtutx.png)
 

### 11. [React-intl hooks](https://github.com/CreateThrive/react-intl-hooks) 

React-intl-hooks is a small and fast library that you can use to replace Format.js components. 

![Screenshot 2021-02-13 at 17.02.32](https://dev-to-uploads.s3.amazonaws.com/i/0eo7vujvx4zab2fmu9xc.png)

### 12. [SimpleLocalize CLI](https://simplelocalize.io/docs/api/get-started/) 

SimpleLocalize CLI allows you to upload and manage translation keys in cloud for free! 

![Screenshot 2021-02-13 at 17.10.21](https://dev-to-uploads.s3.amazonaws.com/i/eanmx4cmk8mthzbo2vr6.png)
 

#### 1.Upload translation in JSON files and manage them in translation editor. 

![upload](https://dev-to-uploads.s3.amazonaws.com/i/t2ehjetlw3tkuifl7izi.gif)
 

#### 2. Manage them in translation editor

![change-translation](https://dev-to-uploads.s3.amazonaws.com/i/rxm1q0vgfm428x13eftz.gif)
 
#### 3. Download ready to use JSON files

![download](https://dev-to-uploads.s3.amazonaws.com/i/irpa9scrovwlkni18slt.gif)


👋 Thanks for reading! [Follow me on Twitter](https://twitter.com/jakub_pomykala)