Add automatic translation to any Svelte or SvelteKit app
One script in app.html (SvelteKit) or index.html (Svelte) translates all components, routes, and dynamically loaded content — without touching a single component file.
What gets translated
All Svelte components and pages
SvelteKit route layouts
Server-side rendered content
Svelte stores rendered in templates
Dynamic imports and lazy routes
Error pages (+error.svelte)
Setup guide
- 1
Create a Lingvit project
Sign up at app.lingvit.com, create a project, and add your domain.
- 2
Add the script to your HTML template
For SvelteKit, edit src/app.html. For plain Svelte (Vite), edit index.html:
<!-- SvelteKit: src/app.html --> <!doctype html> <html lang="%sveltekit.lang%"> <head>%sveltekit.head%</head> <body> <div style="display: contents">%sveltekit.body%</div> <script src="https://cdn.lingvit.com/widget.bundle.js?v=1" async></script> </body> </html> - 3
Select languages and deploy
Choose target languages in the Lingvit dashboard. SvelteKit client-side navigation and reactive Svelte store updates are detected automatically.
Need the full platform overview? Web Apps & SPAs use case guide →