Translate your Angular app without @angular/localize
One script in index.html enables automatic translation across all components, lazy-loaded modules, and Angular Router views — with no changes to your component code.
What gets translated
Component templates
Angular Router views
Lazy-loaded feature modules
CDK and Material component text
Form validation messages
Dynamic content from HTTP calls
Setup guide
- 1
Create a Lingvit project
Sign up at app.lingvit.com and create a project. Add your application domain and select target languages.
- 2
Add the script to src/index.html
Open src/index.html and paste the Lingvit script before the closing </body> tag:
<!-- src/index.html --> <body> <app-root></app-root> <script src="https://cdn.lingvit.com/widget.bundle.js?v=1" async></script> </body> - 3
Publish and deploy
Run ng build and deploy. Angular Router navigation triggers Lingvit's MutationObserver automatically — all route changes and lazy-loaded module content are translated.
Need the full platform overview? Web Apps & SPAs use case guide →