Translate your Angular app without @angular/localize

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. 1

   Create a Lingvit project

   Sign up at app.lingvit.com and create a project. Add your application domain and select target languages.

2. 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/v1/widget.bundle.js" async></script>
   </body>

3. 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.