- </style><button type="button" class="searchbutton-module_searchbutton__gg7JJ"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg><span class="searchbutton-module_searchbutton__label__TfmnN">Search</span><span class="searchbutton-module_searchbutton__keys__qckL6"><kbd>⌘</kbd><kbd>K</kbd></span></button></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_INGz"><header class="hero hero--primary heroBanner_UJJx" style="background-image:url(/img/splash-head.jpg)"><div class="container"><h1 class="hero__title"><img src="/img/logo-header.svg"></h1><p class="hero__subtitle heroSubtitle_GKHc">Internationalize your web apps on the client & server.</p><div class="demo_F90y"><p><span class="exampleTitle_sQvz">Example</span><span class="example_HLHF">Annie took no photos on May 4, 2024.</span></p><label># Photos<!-- --> <input type="number" value="0"></label><label>Locale<!-- --> <select><option value="cs-CZ">cs-CZ</option><option value="de-DE">de-DE</option><option value="en-US" selected="">en-US</option><option value="es-AR">es-AR</option><option value="fr-FR">fr-FR</option><option value="ja-JP">ja-JP</option><option value="pt-BR">pt-BR</option><option value="sv-SE">sv-SE</option></select></label></div><div class="buttons_pzbO"><a class="button button--outline button--secondary button--lg getStarted_Sjon" href="/docs/core-concepts/basic-internationalization-principles">Get Started</a></div></div></header><main class="features_keug"><div class="container"><div class="row"><div class="col col--4 intro_y8hm"><div class="layers_KOB3"><div class="layer_AnXp"><p>FORMATJS INTEGRATIONS</p></div><div class="layer_AnXp"><p>FORMATJS CORE LIBS</p></div><div class="layer_AnXp"><p>ECMA-402 + FORMATJS POLYFILLS</p></div></div><h3>FormatJS is a set of JavaScript libraries.</h3><p>FormatJS is a modular collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings for displaying to people. It includes a set of core libraries that build on the JavaScript Intl built-ins and industry-wide i18n standards, plus a set of integrations for common template and component libraries.</p></div><div class="col col--4 integration_YciV"><div class="row imgs_h8Em"><a class="col col--4" href="https://formatjs.io/docs/react-intl"><img src="/img/react.svg" alt="React"></a><a class="col col--4" href="https://ember-intl.github.io/ember-intl/"><img src="/img/ember.svg" alt="Ember"></a><a class="col col--4" href="https://formatjs.io/docs/vue-intl"><img src="/img/vue-logo.svg" alt="Vue"></a></div><h3>Integrates with other libraries.</h3><p>For most web projects, internationalization happens in the template or view layer, so we've built integrations with React & Vue.</p></div><div class="col col--4 standards_iWjd"><img src="/img/js.svg"><h3>Built on standards.</h3><p>FormatJS is aligned with: <a href="https://www.ecma-international.org/ecma-402/">ECMAScript Internationalization API (ECMA-402)</a>, <a href="http://cldr.unicode.org/">Unicode CLDR</a>, and <a href="https://unicode-org.github.io/icu/userguide/format_parse/messages">ICU Message syntax</a>. By building on these industry standards, FormatJS leverages APIs in modern browsers and works with the message syntax used by professional translators.</p></div></div><div class="row"><div class="col col--12 env_pRIt"><div class="row logos_NYVn"><div class="col col--2"><img src="/img/chrome.png"></div><div class="col col--2"><img src="/img/firefox.png"></div><div class="col col--2"><img src="/img/safari.png"></div><div class="col col--2"><img src="/img/edge.png"></div><div class="col col--2"><img src="/img/ie11.png"></div><div class="col col--2"><img src="/img/node.svg"></div></div><h3>Runs in the browser and Node.js.</h3><p>FormatJS has been tested in all the major browsers (IE11, Chrome, FF & Safari) on both desktop and mobile devices. For many web apps rendering happens on the server, so we made sure FormatJS works perfectly in Node.js. This allows developers to use FormatJS on both the server and client-side of their apps.</p></div></div><div class="row"><div class="col col--12 showcase_SATw"><h3>Trusted by industry leaders.</h3><div class="row logos_NYVn"><div class="col col--2"><img src="/img/yahoo.svg"></div><div class="col col--2"><img src="/img/dropbox.svg"></div><div class="col col--2"><img src="/img/tinder.svg"></div><div class="col col--2"><img src="/img/ethereum.svg"></div><div class="col col--2"><img src="/img/mozilla.svg"></div><div class="col col--2"><img src="/img/coinbase.svg"></div></div></div></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/getting-started/installation">Getting Started</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/polyfills">Polyfills</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/intl-messageformat">Libraries</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/tooling/cli">Tooling</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/formatjs" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_yvTl"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://formatjs.slack.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_yvTl"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Social</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/formatjs/formatjs" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_yvTl"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 FormatJS. Built with Docusaurus.</div></div></div></footer></div>
0 commit comments