Overview

The @ardinsys/intl core is framework-agnostic.

On top of it we provide lightweight integrations for popular frameworks so you can use the same i18n features in the environment you already work in.

Available integrations

• Vue 3:

  Provides createIntl plugin and useIntl hook. Includes <Translation> component for markup interpolation. Works seamlessly with Vue composition API.

• React 16.8+:

  Provides LocaleContext for global locale, useIntl hook and <Translation> component. Simple API, works with JSX interpolation.

• Angular 17+:

  Exposes provideIntl provider and useIntl˙ signal based hook. No services or pipes are required. Designed for standalone or NgModule apps.

Why should you use them?

While the core library handles translation, number, and date formatting, each framework has its own way of managing reactivity and dependency injection. The integrations wrap the same core so you can use a native feeling API in each framework.

With these integrations you can keep one translation model across your applications, while each team member works in the framework they prefer. The goal: type-safe, reactive, and easy i18n everywhere.