Why Fluenti?

~3 KB Runtime

ICU messages compile at build time to optimized functions. No parser shipped to the browser — 5-10x faster than runtime-interpreted alternatives.

Natural Keys

Write <h1 v-t>Welcome</h1> — the source text is the key. No more maintaining JSON ID maps.

Rich Text

Use real HTML in translations: <Trans>Click <a href="/docs">here</a></Trans>. No XSS, no indexed placeholders.

8 Frameworks

The only i18n library for Vue, React, SolidJS, Next.js, Nuxt, React Router, TanStack Start, and SolidStart. One core, consistent APIs.

Code Splitting

Built-in locale chunking — lazy-load translations per locale with splitting: 'dynamic'.

Full ICU

Plurals, selects, nested arguments, custom formatters, date/number formatting — all built in.

How it looks

<template>
  <!-- Compiled away at build time — zero runtime cost -->
  <h1 v-t>Hello, {{ name }}!</h1>
  <p v-t>Read the <a href="/terms">terms</a> and <strong>conditions</strong></p>
</template>

# Extract → Translate → Compile → Ship
fluenti extract        # scan source files
fluenti translate      # AI-powered translation (optional)
fluenti compile        # generate optimized JS modules

Supported Frameworks

Vue 3

v-t directive, Trans, useI18n()

React

I18nProvider, Trans, useI18n()

SolidJS

I18nProvider, Trans, useI18n()

Next.js

App Router, RSC, withFluenti()

Nuxt

Locale routing, SSR, auto detection

Vite

Build transforms, virtual modules, HMR