# Introduction {% hint style="success" %} 🚀 New: **Locize** is now **Free** for small projects!\ We've replaced the trial-only model with a **Free plan**.\ Manage up to 1,000 words and 10,000 downloads for $0/mo.\ ⇒ [Check it out!](https://www.locize.com/pricing) {% endhint %} {% hint style="info" %} 🎉 Announcing [`i18next-cli`](https://github.com/i18next/i18next-cli):\ The New Official Toolkit for i18next.\ ⇒ [Learn More](https://www.locize.com/blog/i18next-cli) {% embed url="" %} {% endhint %} i18next is an **internationalization-framework** written in and for JavaScript. But it's much more than that! > Want to know how to easily add internationalization to your software project?\ > \&#xNAN;*⇒ Check out* [*this article*](https://www.locize.com/blog/how-to-easily-add-i18n-to-your-software)*.* i18next goes beyond just providing the standard i18n features (such as [plurals](https://www.i18next.com/translation-function/plurals), [context](https://www.i18next.com/translation-function/context), [interpolation](https://www.i18next.com/translation-function/interpolation), [format](https://www.i18next.com/translation-function/formatting)). It provides you with a complete solution to localize your product from web to mobile and desktop. {% hint style="warning" %} Managing JSON files manually?\ When your project grows, streamline your workflow with [Locize](https://locize.com), the official TMS built by the creators of i18next. [**Get started**](https://www.locize.com/i18next) with the **Free plan** — perfect for hobbyists and small projects. {% endhint %} {% embed url="" %} ## learn once - translate everywhere ![](https://286188001-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9iS6Wm2hynS5H9Gj7j%2Fuploads%2F58THH7Td5jO0K2PEkKYS%2Fi18next-ecosystem.jpg?alt=media\&token=805bb6b8-d9bb-44d7-a94b-7c8dca0df5f6) The i18next-community created integrations for frontend-frameworks such as [React](https://locize.com/blog/react-i18next/), [Angular](https://locize.com/blog/unleash-the-full-power-of-angular-i18next/), [Vue.js](https://locize.com/blog/i18next-vue/) and many more. But this is not where it ends. You can also use i18next with [Node.js](https://locize.com/blog/how-does-server-side-internationalization-look-like/), [Deno](https://locize.com/blog/i18n-for-deno-with-i18next/), PHP, iOS, Android and [other platforms](https://www.i18next.com/overview/supported-frameworks). {% hint style="info" %} **Your software is using i18next? -** *Spread the word and let the world know!* make a tweet... write it on your website... create a blog post... etc... \ \ \&#xNAN;*Are you working on an open source project and are looking for a way to manage your translations? -* [*locize*](https://locize.com) *loves the open-source philosophy and may be able to support you.* {% endhint %} [Learn more about supported frameworks](https://www.i18next.com/overview/supported-frameworks) {% hint style="success" %} Check out [this video](https://youtu.be/37rcHVcQ6t0) and the corresponding [blog post](https://www.locize.com/blog/how-to-easily-add-i18n-to-your-software) about "Vite + React + TypeScript" with i18next. [](https://youtu.be/37rcHVcQ6t0) {% endhint %} {% hint style="success" %} Are you looking for a way to supercharge your i18next workflow with a real-time, persistent cache?\ Then check [this](https://www.vaultrice.com/blog/i18next-plugin) out.[\ ![](https://286188001-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9iS6Wm2hynS5H9Gj7j%2Fuploads%2Fu2QzVgo8IRmvXkGaw6ZR%2Fi18next-vaultrice-backend.jpg?alt=media\&token=cf13df0e-17dd-494b-8f75-de05eba0570f)](https://www.vaultrice.com/blog/i18next-plugin) {% endhint %} {% hint style="success" %} [Here](https://locize.com/blog/react-i18next/) you'll find a simple tutorial on how to best use [react-i18next](https://react.i18next.com/).\ Some basics of i18next and some cool possibilities on how to optimize your localization workflow.[\ ![](https://286188001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9iS6Wm2hynS5H9Gj7j%2F-MYdPGyCbBbgqNDl9H8B%2F-MYdPbnm45ldfr63P1a-%2Ftitle%20width.jpg?alt=media\&token=633ba9e5-3032-485d-9356-1023fbb3be1b)](https://locize.com/blog/react-i18next/) {% endhint %} {% hint style="success" %} Do you want to use i18next in [Vue.js](https://github.com/locize/locize-i18next-vue-example)? Check out [this tutorial blog post](https://locize.com/blog/i18next-vue/). [![](https://286188001-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9iS6Wm2hynS5H9Gj7j%2Fuploads%2FxT91BJXzCSm2l2qmZkcn%2Fi18next-vue.jpg?alt=media\&token=1de998a6-5c12-4f21-96cf-5aec9b496271)](https://locize.com/blog/i18next-vue/) {% endhint %} {% hint style="success" %} Did you know internationalization is also important on your app's backend? In [this tutorial blog post](https://locize.com/blog/how-does-server-side-internationalization-look-like/) you can check out how this works.[
](https://locize.com/blog/how-does-server-side-internationalization-look-like/)[![](https://286188001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9iS6Wm2hynS5H9Gj7j%2F-MdLa0LgQbnIj3f4EwGV%2F-MdLaVYuL-beKYLfP7hf%2Fserver_side_backend.jpg?alt=media\&token=a82e689a-7c31-4b67-b865-58313a8f0e90)](https://locize.com/blog/how-does-server-side-internationalization-look-like/) {% endhint %} {% hint style="success" %} Are you still using i18next in [jQuery](https://github.com/i18next/jquery-i18next)? Check out [this tutorial blog post](https://www.locize.com/blog/jquery-i18next). [![](https://286188001-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9iS6Wm2hynS5H9Gj7j%2Fuploads%2F5MYYePtaqiX9F9ffTofo%2Fjquery-localization.jpg?alt=media\&token=9cca5028-f54f-433d-8026-f62144025597)](https://www.locize.com/blog/jquery-i18next) {% endhint %} ## Complete solution Most frameworks leave it to you how translations are being loaded. You are responsible to detect the user language, to load the translations and push them into the framework. i18next takes care of these issues for you. We provide you with plugins to: * detect the user language * load the translations * optionally cache the translations * extension, by using post-processing - e.g. to enable sprintf support [Learn more about plugins and utilities](https://www.i18next.com/overview/plugins-and-utils) ## Flexibility i18next comes with strong defaults but it is flexible enough to fulfill custom needs. * Use moment.js over intl for date formatting? * Prefer different pre- and suffixes for interpolation? * Like gettext style keys better? i18next has you covered! [Learn more about options](https://www.i18next.com/overview/configuration-options) ## Scalability The framework was built with scalability in mind. For smaller projects, having a single file with all the translation might work, but for larger projects this approach quickly breaks down. i18next gives you the option to separate translations into multiple files and to load them on demand. [Learn more about namespaces](https://www.i18next.com/principles/namespaces) ## Ecosystem There are tons of modules built for and around i18next: from extracting translations from your code over bundling translations using webpack, to converting gettext, CSV and RESX to JSON. * [Learn more about plugins and utils](https://www.i18next.com/overview/plugins-and-utils) * [Learn more about frameworks supported](https://www.i18next.com/overview/supported-frameworks) ## [Localization as a service](https://locize.com) Through [Locize](https://locize.com/?utm_source=i18next_com\&utm_medium=gitbook), i18next even provides its own translation management tool: localization as a service. {% embed url="" %} [Learn more about the enterprise offering](https://www.i18next.com/overview/for-enterprises) Imagine you run a successful online business, and you want to expand it to reach customers in different countries. You know that to succeed in those markets, your website or app needs to speak the language and understand the culture of each place. 1. **i18next**: Think of 'i18next' as a sophisticated language expert for your website or app. It's like hiring a team of translators and cultural experts who ensure that your online business is fluent in multiple languages. It helps adapt your content, menus, and messages to fit perfectly in each target market, making your business more appealing and user-friendly. 2. **Locize**: Now, 'locize' is your efficient manager in charge of organizing and streamlining the translation process. It keeps all your language versions organized and ensures they're always accurate and up-to-date. So, if you want to introduce a new product or promotion, locize helps you do it seamlessly in all the languages you operate in, saving you time and resources. Together, 'i18next' and '[Locize](https://locize.com)' empower your business to effortlessly reach international audiences. They help you speak the language of your customers, making your business more accessible, relatable, and successful in global markets. #### Manage your i18next translations directly from Claude and other AI assistants via the [Locize MCP server](https://www.locize.com/docs/integration/mcp) {% embed url="" %}