your code, not beside it.
Ship your entire stack in 93 languages. No translation files. Wrap strings in ct() and a single command extracts, translates, and deploys.
import { useCt, Trans } from "@ciao-tools/react";
function ProductPage() {
const ct = useCt();
return (
<div>
<h1>{ct("ഞങ്ങളുടെ സ്റ്റോറിലേക്ക് സ്വാഗതം")}</h1>
<Trans>
ഞങ്ങളുടെ <b> ക്യൂറേറ്റ് ചെയ്ത </b> ശേഖരം ബ്രൗസ് ചെയ്യുക
</Trans>
<p>{ct("{amount:currency:USD}", { amount: 49.99 })}</p>
</div>
);
}Welcome to our store
Browse our curated collection
$49.99
Works with your stack
ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു
ആഗോളതലത്തിലേക്കുള്ള മൂന്ന് കമാൻഡുകൾ
സ്വാഭാവികമായി എഴുതുക
നിങ്ങളുടെ കോമ്പോണന്റ് ടെക്സ്റ്റാണ് സത്യത്തിന്റെ ഉറവിടം. കണ്ടുപിടിക്കാൻ കീകൾ ഇല്ല, സമന്വയിപ്പിക്കാൻ JSON ഇല്ല. ct()-ൽ അല്ലെങ്കിൽ <Trans>-ൽ സ്ട്രിംഗുകൾ പൊതിഞ്ഞ് നിർമ്മാണം തുടരുക.
function Hero() {
const ct = useCt();
return <h1>{ct("വീണ്ടും സ്വാഗതം")}</h1>;
}എക്സ്ട്രാക്റ്റ് & വിവർത്തനം ചെയ്യുക
ഒരു കമാൻഡ് പ്രവർത്തിപ്പിക്കുക. നിങ്ങളുടെ കോഡ്ബേസിലെ വിവർത്തനം ചെയ്യാൻ കഴിയുന്ന എല്ലാ സ്ട്രിംഗുകളും കണ്ടെത്തി, വിവർത്തന എഞ്ചിനിലേക്ക് അയച്ച്, പൂർണ്ണമായ സന്ദർഭ അവബോധത്തോടെ തിരികെ നൽകുന്നു. ഒരേ വാക്ക് ദൃശ്യമാകുന്ന സ്ഥലമനുസരിച്ച് വ്യത്യസ്ത വിവർത്തനങ്ങൾ ലഭിക്കുന്നു.
തൽക്ഷണം ഷിപ്പ് ചെയ്യുക
വിവർത്തനങ്ങൾ ഒരു ആഗോള CDN-ൽ ലഭ്യമാക്കുന്നു. 50ms-ൽ താഴെ ലോഡ് സമയം നിലനിർത്താൻ നാല് ലെയർ കാഷിംഗ് സഹായിക്കുന്നു. നിങ്ങളുടെ ഡിപ്ലോയ് പൈപ്പ്ലൈനിൽ മാറ്റം വരുത്താതെ വിവർത്തനങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക.
// Generated manifest — fully typed
export const ciaoManifest = {
languages: ["en", "es", "fr", "de"] as const,
cdnUrls: { es: "https://cdn...", fr: "https://cdn..." },
} as const;AI വിവർത്തന എഞ്ചിൻ
എക്സ്ട്രാക്റ്റ് ചെയ്യുക. വിവർത്തനം ചെയ്യുക. വിലയിരുത്തുക.
ഓരോ സ്ട്രിംഗും മൂന്ന് ഘട്ടങ്ങളുള്ള പൈപ്പ്ലൈനിലൂടെ കടന്നുപോകുന്നു. ഓരോ ഭാഷാ ജോഡിക്കുമുള്ള മികച്ച മോഡൽ സ്വയമേവ തിരഞ്ഞെടുക്കപ്പെടുന്നു. നിങ്ങൾ ഒരിക്കലും ഒരു പ്രൊവൈഡർ ക്രമീകരിക്കേണ്ടതില്ല.
സന്ദർഭം എക്സ്ട്രാക്റ്റ് ചെയ്യുക
നിങ്ങളുടെ കോമ്പോണന്റ് ട്രീ വായിച്ച് ഓരോ സ്ട്രിംഗിന്റെയും അർത്ഥം മനസ്സിലാക്കുന്നു: ഒരു ബട്ടൺ ലേബൽ, ഒരു തലക്കെട്ട്, ഒരു രക്ഷാ അറിയിപ്പ്.
വിവർത്തനം ചെയ്യുക
ഓരോ ഭാഷാ ജോഡിക്കുമുള്ള മികച്ച മോഡൽ നിങ്ങളുടെ സ്ട്രിംഗുകൾ വിവർത്തനം ചെയ്യുന്നു. സന്ദർഭത്തിനനുസരിച്ച്, വാക്ക്-ബൈ-വേർഡ് അല്ല, അർത്ഥം-ബൈ-അർത്ഥം.
ഗുണമേന്മ വിലയിരുത്തുക
ഓരോ വിവർത്തനത്തിനും സ്കോർ നൽകുകയും ഉയർന്ന നിലവാരമുള്ള ഫലം തിരഞ്ഞെടുക്കുകയും ചെയ്യുന്നു. നിങ്ങൾ ഒരിക്കലും ഒരു മോഡൽ തിരഞ്ഞെടുക്കേണ്ടതില്ല.
സന്ദർഭം എല്ലാം മാറ്റുന്നു
ഒരേ വാക്കിന് വ്യത്യസ്ത സ്ഥലങ്ങളിൽ വ്യത്യസ്ത അർത്ഥങ്ങളുണ്ട്. ഉദ്ദേശ്യം മനസ്സിലാക്കാൻ AI ചുറ്റുമുള്ള സ്ട്രിംഗുകൾ വായിക്കുന്നു. മാനുവൽ കോൺടെക്സ്റ്റ് ടാഗുകൾ ആവശ്യമില്ല.
<div>
<img src={product.image} />
<h3>{product.name}</h3>
<span>${product.price}</span>
<button onClick={saveToWishlist}>
❤️ {ct("രക്ഷിയ്ക്കുക")}
</button>
</div><div>
<span className="text-4xl">🦆</span>
<p>{ct("ഒരു താറാവ് മുങ്ങുന്നു!")}</p>
<p>{ct("ശേഷിക്കുന്ന സമയം:")} 00:03</p>
<button onClick={rescue}>
🛟 {ct("രക്ഷിയ്ക്കുക")}
</button>
</div>ഡെവലപ്പർ അനുഭവം
നിങ്ങളുടെ സോഴ്സ് കോഡ് നിങ്ങളുടെ വിവർത്തന കാറ്റലോഗാണ്
ഇനി കീ നെയിമുകൾ കണ്ടുപിടിക്കേണ്ടതില്ല. കൂടുതൽ ഗ്രെപ്പിംഗ് വേണ്ട t('homepage.hero.cta.button') ഏത് ടെക്സ്റ്റിലേക്കാണ് ഇത് മാപ്പ് ചെയ്യുന്നതെന്ന് കണ്ടെത്താൻ. നിങ്ങളുടെ സ്ട്രിംഗുകൾ റെൻഡർ ചെയ്യുന്നിടത്ത് തന്നെ വായിക്കാവുന്ന ഇംഗ്ലീഷാണ്.
ദി <Trans> ടെക്സ്റ്റ് വിവർത്തനം ചെയ്യുമ്പോൾ നെസ്റ്റഡ് JSX (ലിങ്കുകൾ, ബോൾഡ്, സ്പാനുകൾ, ഏതെങ്കിലും എലമെന്റ്) ഘടകം സംരക്ഷിക്കുന്നു.
function CheckoutSummary({ user, items }) {
const ct = useCt();
return (
<div>
<h1>{ct("തിരികെ വരൂ, {name}!", { name: user.name })}</h1>
<p>{ct("നിങ്ങൾക്ക് {count} {count:plural:ഇനം:ഇനങ്ങൾ} ഉണ്ട്", { count: items.length })}</p>
<p>{ct("ആകെ: {amount:currency:USD}", { amount: 129.99 })}</p>
</div>
);
}Welcome back, Sarah!
You have 3 items
Total: $129.99
The difference
Your workflow, simplified
Traditional i18n
Ciao Tools
Never think about translations again.
വർദ്ധിച്ചുവരുന്ന സ്വീകാര്യത
വിവർത്തനങ്ങൾ ഇതിനകം ഉണ്ടോ? നിങ്ങൾ എവിടെയാണോ അവിടെ നിന്ന് തുടങ്ങുക.
Ciao Tools ഒരു റീറൈറ്റ് ആവശ്യപ്പെടുന്നില്ല. നിങ്ങളുടെ നിലവിലുള്ള വിവർത്തനങ്ങൾ കൊണ്ടുവരിക, ക്രമേണ സ്വീകരിക്കുക, നിങ്ങളുടെ സ്വന്തം വേഗതയിൽ മൈഗ്രേറ്റ് ചെയ്യുക.
import { CiaoProvider } from "@ciao-tools/react";
// Already have translations? Pass them directly
const translations = {
es: { "ഹലോ": "Hola", "സൈൻ അപ്പ് ചെയ്യുക": "Registrarse" },
fr: { "ഹലോ": "Bonjour", "സൈൻ അപ്പ് ചെയ്യുക": "S'inscrire" },
};
<CiaoProvider translations={translations}>
<App />
</CiaoProvider>// Migrate one component at a time
function OldPage() {
return <h1>{t("pages.old.title")}</h1>; // keep this
}
function NewPage() {
const ct = useCt();
return <h1>{ct("പുതിയ പേജിലേക്ക് സ്വാഗതം")}</h1>; // start here
}നിലവിലുള്ള വിവർത്തനങ്ങൾ നിലനിർത്തുക
നിങ്ങളുടെ നിലവിലെ വിവർത്തന മാപ്പുകൾ CiaoProvider-ലേക്ക് നേരിട്ട് കൈമാറുക. മൈഗ്രേഷൻ ആവശ്യമില്ല.
ഓരോ ഘടകമായി മൈഗ്രേറ്റ് ചെയ്യുക
പഴയ പേജുകൾ നിങ്ങളുടെ നിലവിലുള്ള ലൈബ്രറി ഉപയോഗിക്കുന്നത് തുടരുന്നു. പുതിയ കോഡ് ct(), <Trans> എന്നിവ ഉപയോഗിക്കുന്നു. രണ്ടും ഒരുമിച്ച് പ്രവർത്തിക്കുന്നു.
തയ്യാറാകുമ്പോൾ പഴയ സിസ്റ്റം നീക്കം ചെയ്യുക
എല്ലാം Ciao Tools ഉപയോഗിക്കുമ്പോൾ, നിങ്ങളുടെ പഴയ സജ്ജീകരണം ഉപേക്ഷിക്കുക. നിങ്ങളുടെ വിവർത്തന കീകൾ ഇപ്പോൾ ലളിതമായ ഇംഗ്ലീഷിലാണ്.
Features
The complete translation platform
From string extraction to CDN delivery and live updates.
Automatic extraction
OXC and Babel plugins scan your codebase and find every ct() call and <Trans> component. Your source code is the catalog.
Context-aware translation
AI translates with full component context. "Save" in a button vs. "Save" as rescue — it gets the difference.
Global CDN hosting
Translations are hosted on a global edge network and served from the nearest node. You never manage translation files.
Live hot updates
Fix a translation and it's live in seconds. No redeploy, no cache bust, no waiting for a release cycle.
Glossary & consistency
Define key terms once and enforce them across every language. Brand names and domain vocabulary stay consistent.
Full-stack, every framework
ct() works in React, React Native, Next.js server components, and Express. One API from mobile to server.
Prompt translation
ctPrompt() translates LLM system prompts while preserving template variables, JSON schemas, code blocks, and regex. Your AI agents speak every language.
Translation memory
Every translation is cached server-side. Re-syncs only translate new or changed strings, saving time and cost.
Multilingual SEO
Hreflang links, canonical URLs, og:locale tags, and XML sitemaps. CiaoHead handles it at runtime, or generate a sitemap from the CLI.
App store translations
Translate App Store and Play Store metadata with character limit validation. Names, descriptions, keywords, and release notes.
ICU MessageFormat
Plurals, ordinals, currency, dates, numbers, and percentages. Full locale-aware formatting via the ICU standard.
Fallback chains
es-MX falls back to es, then to en. Four caching layers ensure translations are always available, even offline.
പ്രകടനം
സ്ഥിരസ്ഥിതിയായി വേഗത, ആകസ്മികമായി അല്ല
Live demo
One codebase, every language
Click a language. Text, prices, dates, and plurals all update, formatted correctly for each locale.
Handcrafted Ceramic Mug
$34.99Artisan-made with natural glazes. Perfect for your morning ritual.
ആദ്യകാല ആക്സസ്
ആദ്യമായി വരൂ
ഞങ്ങൾ Ciao Tools-നെ ആദ്യകാല ഉപയോക്താക്കളുടെ ഒരു ചെറിയ ഗ്രൂപ്പിന് തുറക്കുകയാണ്. വെയിറ്റ്ലിസ്റ്റിൽ ചേരുക, നിങ്ങളുടെ അവസരം വരുമ്പോൾ ഞങ്ങൾ ബന്ധപ്പെടാം.
ഈ സൈറ്റ് reCAPTCHA-യും Google-ഉം പരിരക്ഷിച്ചിരിക്കുന്നു സ്വകാര്യതാ നയം കൂടാതെ സേവന നിബന്ധനകൾ ബാധകം.
