VS Code Extension is here! Learn moreHow to localize
React application?
With SimpleLocalize you can localize, auto-translate and manage translations
in your React application. No more manual work with JSON files.
$ simplelocalize upload \
--apiKey YOU_API_KEY \
--uploadFormat single-language-json \
--uploadPath ./messages_{lang}.jsonUpload translations
1Get your JSON file with translation keys or translations and upload it.
- SimpleLocalize CLI is open-source and safe to use in your infrastructure
- Vendor-agnostic solution - all data can be exported any time in multiple formats
- Use REST API or web client to upload or download your data
Translate texts
2Your data will show up in a translation editor which can be handed over to translators or other team members.
- Translate with Google Translate in seconds!
- Invite team members to the project
- Activity log shows what was happening with your translations
- Use quick rollback to revert translations to the previous version
{
"en": {
"CREATE_ACCOUNT": "Create account",
"SIGN_IN": "Sign in",
"WELCOME_TO_THE_JUNGLE" : "Welcome to the jungle"
},
"es": {
"CREATE_ACCOUNT": "Crear cuenta",
"SIGN_IN": "Iniciar",
"WELCOME_TO_THE_JUNGLE": "Bienvenido a la jungla"
}
}
Load translations
3Fetch translations directly from the CDN or download them using our command-line application.
- CDN ensures fast access to translation data anywhere in the world in the most commonly used JSON format
- Translate once and re-use translations in other applications by changing the download format
- Fetching translations directly from CDN in your app allows you changing messages in real-time
JSON strings editor
for React developers
Management of JSON localization files directly in IDE might be a bit tricky.
Try SimpleLocalize editor which allows you to manage translations in a more user-friendly way.
- Auto-translation
- Screenshots with OCR
- AI-powered adjustments
- Built-in Automations
- Markdown support
- Variables highlighting
- Bulk Actions
- Context-aware translations
- Acceptance statuses
- Customizable view
- Spreadsheet view
- Text summaries
Auto-translation
Translate your application into multiple languages with just a few clicks. Choose from OpenAI ChatGPT, Google Translate or DeepL translation providers to translate your texts. Adding support for new languages has never been easier.
Learn more about auto-translation
Invite your team
Invite team members to the project. Work together with native speakers from all around the world on your app translations. Share your project with your team and manage translations in one place.
Command-line tool
With SimpleLocalize CLI you can manage your translations from the terminal. It's a powerful tool that helps you to automate the translation process in your project. You can easily synchronize translation files between you local project and SimpleLocalize Translation Editor, start auto-translation or publish changes to the production environment.
CLI documentation# upload strings
$ simplelocalize upload
# auto-translate strings
$ simplelocalize auto-translate
# download all translations
$ simplelocalize downloadPublic suggestions
Boost collaboration with public suggestions! Public translations offer an excellent opportunity to engage your community by allowing them to contribute to translations. Enable public suggestions, share your project link, and invite users to suggest translations or improvements.
Learn more about public suggestions
Why SimpleLocalize?
Most translation editors are overkill for most teams. SimpleLocalize is easy
to use and understand with no training or prior experience.
Simple and customizable
SimpleLocalize is easy to get started with and focuses on the features that you and your client need the most. You can customize the editor to your needs choosing from a variety of translation editor options.
Flat pricing
No hidden costs at any scale. SimpleLocalize offers a simple and affordable plans for you and your projects. Within easy integration options and intuitive translation editor, it creates a wonderful selection.
Team members
Every paid plan comes with a number of users you can add to your project. You don't need to worry about number of users as the price does not increase with every user.
AI & Auto-translation included
Every paid plan comes with a number of auto-translation characters that are added to your account every month. You can use them to translate your project without any additional costs. You can increase the limit at any time.
Tools for Developers
SimpleLocalize offers a command-line tool, REST API , Webhooks and Visual Studio Code extension for developers to easily integrate their projects no matter which plan you choose. It enables you to make automations to synchronize translations with your projects.
Personal support
From “how do I get started” to “I need XYZ” requests, when you need that extra helping hand, we’re here for you. We are providing personal support to ensure your experience with SimpleLocalize is as smooth as possible.
Greet your customers
in their native language
Related articles
Read more about React localization on our blog
How to localize React app using i18next
Learn how to localize your React app using i18next and react-i18next. This step-by-step guide will show you each step of React app internationalization from scratch.
How to create a multi-language website in GatsbyJS?
Create a multi-language GatsbyJS website with a few simple steps. A multi-language website is a great way for your company to reach a wider audience.
List of i18n libraries for React, React Native, and NextJS
Best i18n libraries for React web, React Native, Expo and all other React apps. Check how react localization should look like.
FormatJS and React application localization
FormatJS - add more languages to your React app. Zero configuration required. Simple setup with 2-minute guide.
i18next and React application localization in 3 steps
How to localize ReactJS application with i18next internationalization library. Learn how to manage localization in software project