Published as @freesewing/i18n, this package provides translations for the FreeSewing project.


We currently provide translations in 5 languages:

  • English
  • German
  • Spanish
  • French
  • Dutch

How to use these translations

We use these translations in our repository to translate react components with react-intl:

import { strings } from "@freesewing/i18n";
import { IntlProvider } from "react-intl";

class Base extends React.Component {
  render() {
    const { language } = this.props;

    return (
      <IntlProvider locale={language} messages={strings[language]}>

Now all components below will be able to translate messages:

import React from "react";
import { FormattedMessage } from "react-intl";

const Example = props => {
  return <p><FormattedMessage id={"app.aboutFreesewing"} /></p>

export default Example;

For all details, please refer to the react-intl documentation.

We also use it in our backend to translate the emails we send out to users.


Shell prompt
npm install @freesewing/i18n


This package provides the translations, but it does not provide the mechanism for translation. For that, you can use our plugin-i18n plugin.


To learn more about using translations in a design, see the Translation guide