Angular i18n Solution
Standalone components, signals, and SSR support for Angular applications.
Get started in 3 steps
Install
Add the Better i18n Angular package to your project.
npm install @better-i18n/angular
Import the module
Import BetterI18nModule in your AppModule or standalone component.
import { BetterI18nModule } from '@better-i18n/angular';
@NgModule({
imports: [
BetterI18nModule.forRoot({
project: 'your-org/your-project',
defaultLocale: 'en',
}),
],
})
export class AppModule {}Use the translate pipe
Use the translate pipe or directive in your templates to display translations.
<h1>{{ 'welcome' | translate }}</h1>
<p>{{ 'greeting' | translate: { name: userName } }}</p>Features
Quick Start
Add i18n to your Angular app with pipes and services.
// app.component.ts
import { Component } from '@angular/core';
import { TranslateService } from '@better-i18n/angular';
@Component({
selector: 'app-root',
template: `
<h1>{{ 'welcome' | translate }}</h1>
<p>{{ 'greeting' | translate: { name: 'World' } }}</p>
`
})
export class AppComponent {
constructor(private translate: TranslateService) {
translate.setDefaultLang('en');
}
}Works with Popular Angular i18n Libraries
Better i18n complements your Angular i18n library — manage translations visually, collaborate with translators, and deploy via CDN.
Better i18n + @ngx-translate/core
The most widely used Angular translation library. Runtime translations with pipes, directives, and service injection.
Better i18n exports to ngx-translate JSON format. Edit translations in our dashboard, sync to your repo automatically.
Better i18n + Angular i18n (built-in)
Angular's official i18n system with AOT compilation, ICU expressions, and build-time translation extraction.
Export to Angular XLIFF format. Better i18n manages the translation workflow, Angular CLI builds locale-specific bundles.
Better i18n + Transloco
Modern, lightweight i18n library for Angular with lazy loading, rich plugins, and excellent TypeScript support.
Sync translations to Transloco JSON format via Better i18n's GitHub integration. Real-time updates with CDN delivery.