AI-powered CLI
Initialize your config, translate JSON with your preferred provider, and keep the workflow close to your codebase.
Ship multilingual UI without starting from zero
Browse live Tradux starters, compare the framework integrations, and copy the exact clone-and-run commands you need. This root page now switches locale on the server, so the HTML itself arrives translated and accessible.
- 5live starters
- SSR + SPAserver and client examples
- AI CLItranslation workflow
Differential updates
Tradux remembers what changed, so update runs only retranslate the keys that actually moved.
SSR-friendly cookies
Server-rendered apps can read the tradux_lang cookie before rendering and ship the right locale immediately.
Real starters
Open a framework example, inspect the import path, and test the live route before cloning anything locally.
How Tradux works
Translate JSON once, then let the runtime react everywhere
The landing page is aligned with the project README: CLI first, reactive runtime second, SSR support when your stack needs it.
Keep a default language JSON as the source of truth and use special markers when some keys must stay untouched or always update.
Tradux translates the missing content, updates only what changed later, and keeps available languages synchronized with your files.
Framework hooks keep SPAs reactive, while SSR apps can read the cookie first and send fully localized HTML from the server.
Available integrations
Pick the starter that matches your stack
Every card includes the live route, the right import path, a quick explanation of when to use it, and a richer command block you can copy.
UI hook
React + Vite
Use the React hook when you want reactive translations inside components with language switching triggered from your UI.
01$git clone https://github.com/JojoDeveloper01/Tradux.git02$cd Tradux/examples/frameworks/react-vite03$pnpm install04$pnpm devComposable API
Vue + Vite
Use the Vue integration when you want Tradux state inside components through the framework composable API.
01$git clone https://github.com/JojoDeveloper01/Tradux.git02$cd Tradux/examples/frameworks/vue-vite03$pnpm install04$pnpm devReactive stores
Svelte + Vite
Use the Svelte integration when you want Tradux values exposed as stores with automatic updates after a language change.
01$git clone https://github.com/JojoDeveloper01/Tradux.git02$cd Tradux/examples/frameworks/svelte-vite03$pnpm install04$pnpm devBase runtime
Vanilla JS + Vite
Use the base package when you are outside a framework and want to initialize Tradux directly with JavaScript or TypeScript.
01$git clone https://github.com/JojoDeveloper01/Tradux.git02$cd Tradux/examples/frameworks/vanilla-vite03$pnpm install04$pnpm devSSR-ready
Astro
Use the Astro example when you need server-rendered translations and want to read the Tradux cookie before sending HTML.
01$git clone https://github.com/JojoDeveloper01/Tradux.git02$cd Tradux/examples/frameworks/astro03$pnpm install04$pnpm dev