ngx-translate/core

Analysis updated 2026-07-03

★ 4,664TypeScriptAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Multi-language support
      Runtime language swap
      Translation file loading
    How it works
      JSON translation files
      Placeholder replacement
      User language detection
    Requirements
      Angular 16 plus
      Developer-supplied text
    Docs
      ngx-translate.org
      Migration guides

mindmap root((repo)) What it does Multi-language support Runtime language swap Translation file loading How it works JSON translation files Placeholder replacement User language detection Requirements Angular 16 plus Developer-supplied text Docs ngx-translate.org Migration guides

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Add multi-language support to an Angular app by loading JSON translation files and swapping text based on the user's language setting.

USE CASE 2

Separate all display text from your Angular component code into translation files so translators can work without touching source code.

USE CASE 3

Support Angular 16+ apps that need to show the same interface in English, French, Spanish, and other languages without forking the codebase.

USE CASE 4

Build a language-switcher feature that changes the entire app's text on the fly without a page reload.

What is it built with?

TypeScriptAngular

How does it compare?

	ngx-translate/core	tsiege/tech-interview-cheat-sheet	swimlane/ngx-datatable
Stars	4,664	4,668	4,672
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	easy	easy	easy
Complexity	2/5	2/5	2/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Requires Angular 16 or newer, older Angular versions are end-of-life and no longer receive updates from this library.

In plain English

This repository is a library that helps Angular web applications display text in multiple languages. Angular is a popular framework for building web apps, and this library, called ngx-translate, adds the ability to load different text translations based on the user's preferred language. This is commonly called internationalization, often shortened to i18n. With this library, a developer can store all the text in their application in separate translation files, one for each language. When the app runs, it loads the correct file and replaces placeholders in the interface with the translated text. This avoids hardcoding words and sentences directly into the code, making it practical to support many languages without duplicating the entire codebase. The README is brief and points readers to a separate documentation website at ngx-translate.org, which covers installation, migration between versions, and how to create custom plugins. The library currently supports Angular 16 and newer versions. Older versions of Angular have reached end-of-life support, meaning the library no longer receives updates for them, though a commercial support option is available through a third-party partner for teams that cannot upgrade. This is a developer tool, not an end-user product. It does not translate content automatically using machine translation. Instead, it provides the infrastructure for a developer to supply their own translated text files, which the library then swaps in at runtime based on the user's language setting.

Copy-paste prompts

Prompt 1

Set up ngx-translate in an Angular 17 app. Show me how to install it, create an English and French translation JSON file, and display a translated greeting on a component.

Prompt 2

I have an Angular app using ngx-translate. How do I add a language-switcher button that changes all the text on the page instantly without reloading?

Prompt 3

Using ngx-translate, show me how to handle a translated string that contains a variable, like 'Welcome, {{name}}!', so the name is inserted at runtime.

Prompt 4

How do I lazy-load translation files per route in an Angular app using ngx-translate, so only the needed language file is fetched on demand?

Prompt 5

I'm migrating an Angular 14 project to Angular 16. What ngx-translate version do I need and what breaking changes should I watch out for?

Frequently asked questions

What is core?

An Angular library that lets your web app display text in multiple languages by loading translation files at runtime, so you can support any language without duplicating your code.

What language is core written in?

Mainly TypeScript. The stack also includes TypeScript, Angular.

How hard is core to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is core for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub ngx-translate on gitmyhub

Verify against the repo before relying on details.