# @commercetools-frontend/application-components

> Generic components for building Merchant Center applications

Latest version **27.17.0** (published 2026-11-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install @commercetools-frontend/application-components
pnpm add @commercetools-frontend/application-components
yarn add @commercetools-frontend/application-components
bun add @commercetools-frontend/application-components
```

## Health

**Score 65/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 27.17.0 |
| Published | 2026-11-03 |
| First published | 2019-01-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 43 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 79 |
| Maintainers | tdeekens, emmenko, commercetools-admin |
| Keywords | javascript, frontend, react, toolkit |

## Links

- npm: https://www.npmjs.com/package/@commercetools-frontend/application-components
- Repository: https://github.com/commercetools/merchant-center-application-kit
- Homepage: https://docs.commercetools.com/merchant-center-customizations/api-reference/commercetools-frontend-application-components
- Issues: https://github.com/commercetools/merchant-center-application-kit/issues
- npm.io page: https://npm.io/package/@commercetools-frontend/application-components

## Dependencies (43)

- [lodash](https://npm.io/package/lodash.md) 4.18.1
- [history](https://npm.io/package/history.md) 4.10.1
- [raf-schd](https://npm.io/package/raf-schd.md) ^4.0.3
- [prop-types](https://npm.io/package/prop-types.md) 15.8.1
- [@types/react](https://npm.io/package/@types/react.md) ^19.0.3
- [@types/lodash](https://npm.io/package/@types/lodash.md) ^4.14.198
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.22.15
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.14.0
- [@types/history](https://npm.io/package/@types/history.md) ^4.7.11
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.14.0
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^19.2.4
- [@types/prop-types](https://npm.io/package/@types/prop-types.md) ^15.7.5
- [@react-hook/latest](https://npm.io/package/@react-hook/latest.md) 1.0.3
- [@babel/runtime-corejs3](https://npm.io/package/@babel/runtime-corejs3.md) ^7.22.15
- [@radix-ui/react-dialog](https://npm.io/package/@radix-ui/react-dialog.md) 1.3.1
- [@types/react-router-dom](https://npm.io/package/@types/react-router-dom.md) ^5.3.3
- [@commercetools-uikit/card](https://npm.io/package/@commercetools-uikit/card.md) ^20.6.7
- [@commercetools-uikit/text](https://npm.io/package/@commercetools-uikit/text.md) ^20.6.7
- [@flopflip/react-broadcast](https://npm.io/package/@flopflip/react-broadcast.md) 15.1.14
- [@commercetools-uikit/hooks](https://npm.io/package/@commercetools-uikit/hooks.md) ^20.6.7
- [@commercetools-uikit/icons](https://npm.io/package/@commercetools-uikit/icons.md) ^20.6.7
- [@commercetools-uikit/label](https://npm.io/package/@commercetools-uikit/label.md) ^20.6.7
- [@commercetools-uikit/stamp](https://npm.io/package/@commercetools-uikit/stamp.md) ^20.6.7
- [@commercetools-uikit/utils](https://npm.io/package/@commercetools-uikit/utils.md) ^20.6.7
- [@react-hook/resize-observer](https://npm.io/package/@react-hook/resize-observer.md) 1.2.6
- [@commercetools-frontend/i18n](https://npm.io/package/@commercetools-frontend/i18n.md) ^27.17.0
- [@commercetools-frontend/l10n](https://npm.io/package/@commercetools-frontend/l10n.md) ^27.17.0
- [@commercetools-uikit/messages](https://npm.io/package/@commercetools-uikit/messages.md) ^20.6.7
- [@commercetools-uikit/spacings](https://npm.io/package/@commercetools-uikit/spacings.md) ^20.6.7
- [@commercetools-frontend/assets](https://npm.io/package/@commercetools-frontend/assets.md) ^27.17.0
- [@commercetools-frontend/sentry](https://npm.io/package/@commercetools-frontend/sentry.md) ^27.17.0
- [@commercetools-uikit/constraints](https://npm.io/package/@commercetools-uikit/constraints.md) ^20.6.7
- [@commercetools-uikit/flat-button](https://npm.io/package/@commercetools-uikit/flat-button.md) ^20.6.7
- [@commercetools-uikit/icon-button](https://npm.io/package/@commercetools-uikit/icon-button.md) ^20.6.7
- [@commercetools-frontend/constants](https://npm.io/package/@commercetools-frontend/constants.md) ^27.17.0
- [@commercetools-uikit/design-system](https://npm.io/package/@commercetools-uikit/design-system.md) ^20.6.7
- [@commercetools-uikit/primary-button](https://npm.io/package/@commercetools-uikit/primary-button.md) ^20.6.7
- [@commercetools-uikit/secondary-button](https://npm.io/package/@commercetools-uikit/secondary-button.md) ^20.6.7
- [@commercetools-frontend/actions-global](https://npm.io/package/@commercetools-frontend/actions-global.md) ^27.17.0
- [@commercetools-uikit/accessible-button](https://npm.io/package/@commercetools-uikit/accessible-button.md) ^20.6.7
- [@commercetools-frontend/application-config](https://npm.io/package/@commercetools-frontend/application-config.md) ^27.17.0
- [@commercetools-uikit/secondary-icon-button](https://npm.io/package/@commercetools-uikit/secondary-icon-button.md) ^20.6.7
- [@commercetools-frontend/application-shell-connectors](https://npm.io/package/@commercetools-frontend/application-shell-connectors.md) ^27.17.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 27.17.0 (latest) — 2026-11-03
- 0.0.0-canary-20261106084845 (canary) — 2026-11-06
- 0.0.0-changesets-ghcommit-temp-changeset-release-main-20261103220908 (changesets-ghcommit-temp-changeset-release-main) — 2026-11-03
- 0.0.0-fec-1395-sentry-graphql-spans-20261103191331 (fec-1395-sentry-graphql-spans) — 2026-11-03
- 0.0.0-FEC-1433-content-skeleton-early-shell-20261016130021 (FEC-1433-content-skeleton-early-shell) — 2026-10-16
- 0.0.0-fix-preview-publish-on-push-20261006164301 (fix-preview-publish-on-push) — 2026-10-06
- 0.0.0-save-toolbar-cqw-v2-20260908184114 (save-toolbar-cqw-v2) — 2026-09-08
- 0.0.0-FEC-1297-part-1-bundle-json-output-mode-20260904143500 (FEC-1297-part-1-bundle-json-output-mode) — 2026-09-04
- 0.0.0-fix-nimbus-optional-build-4030-20260708142501 (fix-nimbus-optional-build-4030) — 2026-07-08
- 0.0.0-FEC-1017-shell-splitter-region-20260618140924 (FEC-1017-shell-splitter-region) — 2026-06-18
- 0.0.0-fix-serialize-javascript-20260428090559 (fix-serialize-javascript) — 2026-04-28
- 0.0.0-CRAFT-2074-eslint9-migration-core-20260227150731 (CRAFT-2074-eslint9-migration-core) — 2026-02-27
- 0.0.0-CRAFT-2080-app-kit-i-18-n-date-format-incorrect-for-regional-english-locales-en-be-en-ie-etc-20260202153139 (CRAFT-2080-app-kit-i-18-n-date-format-incorrect-for-regional-english-locales-en-be-en-ie-etc) — 2026-02-02
- 0.0.0-CRAFT-2074-eslint-v9-migration-new-pkg-20260130195951 (CRAFT-2074-eslint-v9-migration-new-pkg) — 2026-01-30
- 0.0.0-CRAFT-1995-upgrade-sentry-react-20251211194319 (CRAFT-1995-upgrade-sentry-react) — 2025-12-11
- … 1973 more at https://npm.io/package/@commercetools-frontend/application-components/versions

## README

# @commercetools-frontend/application-components

<p align="center">
  <a href="https://www.npmjs.com/package/@commercetools-frontend/application-components"><img src="https://badgen.net/npm/v/@commercetools-frontend/application-components" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/application-components"><img src="https://badgen.net/npm/v/@commercetools-frontend/application-components/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/application-components"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/application-components" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
</p>

Check out the [documentation](https://docs.commercetools.com/merchant-center-customizations/api-reference/commercetools-frontend-application-components) for more information.

---
_Source: https://npm.io/package/@commercetools-frontend/application-components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
