# single-spa

> The router for easy microfrontends

Latest version **6.0.3** (published 2024-09-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install single-spa
pnpm add single-spa
yarn add single-spa
bun add single-spa
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high quality score; popular repo.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 6.0.3 |
| Published | 2024-09-29 |
| First published | 2015-09-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 13873 |
| Author | Joel Denning |
| Maintainers | joeldenning, filoxo, blittle, frehner |
| Keywords | microfrontends, single, page, application, framework, react, angular, vue, router, microservices, frontend |

## Links

- npm: https://www.npmjs.com/package/single-spa
- Repository: https://github.com/single-spa/single-spa
- Homepage: https://single-spa.js.org
- Issues: https://github.com/single-spa/single-spa/issues
- npm.io page: https://npm.io/package/single-spa

## 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

- 6.0.3 (latest) — 2024-09-29
- 7.0.0-beta.13 (beta) — 2025-09-22
- 4.4.4 (4.x) — 2020-05-05
- 7.0.0-beta.12 — 2025-09-21
- 7.0.0-beta.11 — 2025-09-20
- 7.0.0-beta.10 — 2025-09-16
- 7.0.0-beta.9 — 2025-08-17
- 7.0.0-beta.8 — 2025-05-20
- 7.0.0-beta.7 — 2025-05-03
- 7.0.0-beta.6 — 2025-04-28
- 7.0.0-beta.5 — 2025-04-23
- 7.0.0-beta.4 — 2025-04-23
- 7.0.0-beta.3 — 2025-03-30
- 7.0.0-beta.2 — 2025-03-05
- 7.0.0-beta.1 — 2024-10-06
- … 136 more at https://npm.io/package/single-spa/versions

## README

<img src="https://github.com/single-spa/single-spa/assets/5524384/7b1b642d-53d1-409a-b992-e77495bcf631" height="40">

[![npm version](https://img.shields.io/npm/v/single-spa.svg?style=flat-square)](https://www.npmjs.org/package/single-spa)
[![](https://data.jsdelivr.com/v1/package/npm/single-spa/badge)](https://www.jsdelivr.com/package/npm/single-spa)
[![NPM Downloads](https://badgen.net/npm/dm/single-spa)](https://npmjs.org/package/single-spa)

# single-spa

[Join the chat on Slack](https://join.slack.com/t/single-spa/shared_invite/zt-2efw13fg4-oJgemeyCUJv4~JrQlYttnA)

[Donate to this project](https://opencollective.com/single-spa)

[Official single-spa hosting](https://baseplate.cloud)

<a href="https://baseplate.cloud">
  <img height="50" alt="baseplate-logo-standard" src="https://github.com/single-spa/single-spa/assets/5524384/8f07afdb-dd30-4211-a460-8b8a354ccc0f" style="background-color: white;">
</a>

## A javascript framework for front-end microservices

Build micro frontends that coexist and can ([but don't need to](https://single-spa.js.org/docs/faq.html#can-i-use-more-than-one-framework)) be written with their own framework. This allows you to:

- [Use multiple frameworks](/docs/single-spa-ecosystem.md#help-for-frameworks) on the same page [without refreshing the page](/docs/applications.md)
  ([React](https://github.com/single-spa/single-spa-react), [AngularJS](https://github.com/single-spa/single-spa-angularjs), [Angular](https://github.com/single-spa/single-spa-angular), [Ember](https://github.com/single-spa/single-spa-ember), or whatever you're using)
- Write new code, possibly with a new framework, without rewriting your existing app
- Lazy load code for improved initial load time.

## Sponsors

<a href="https://datacamp.com/"><img height="50" alt="DataCamp-Logo" src="https://user-images.githubusercontent.com/5524384/117517708-1047f200-af5a-11eb-8d5d-0997d6df06d6.png"></a>
<a href="https://pos.toasttab.com/"><img height="50" alt="Toast-Logo" src="https://user-images.githubusercontent.com/5524384/117516281-eab8e980-af55-11eb-9d3c-baff0c3c86e6.png"></a>
<a href="https://medium.com/asurion-product-development"><img height="50" alt="asurion-logo" src="https://user-images.githubusercontent.com/1222137/166689686-14e38af4-0536-48fc-8720-60a324fb751e.svg"></a>

To add your company's logo to this section:

- Become a [recurring Open Collective sponsor](https://opencollective.com/single-spa) of at least \$100 a month.
- Become a [recurring Github sponsor](https://github.com/sponsors/joeldenning) of at least \$100 a month.
- Sponsor a core team member to implement a specific feature for single-spa. Pay our regular consulting rate. Inquire in our Slack workspace.

## Documentation

You can find the single-spa documentation [on the website](https://single-spa.js.org/).

Check out the [Getting Started](https://single-spa.js.org/docs/getting-started-overview.html) page for a quick overview.

## Demo and examples

Please see the [examples page](https://single-spa.js.org/docs/examples.html) on the website.

## Want to help?

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our
guidelines for [contributing](https://single-spa.js.org/docs/contributing-overview.html) on the [single-spa website](https://single-spa.js.org).

## Contributing

The main purpose of this repository is to continue to evolve single-spa, making it better and easier to use. Development of single-spa, and the [single-spa ecosystem](https://single-spa.js.org/docs/ecosystem.html) happens in the open on GitHub, and we are grateful to the community for contributing bugfixes and improvements. Read below to learn how you can take part in improving single-spa.

### [Code of Conduct](https://single-spa.js.org/docs/code-of-conduct.html)

Single-spa has adopted a Code of Conduct that we expect project participants to adhere to. Please read [the full text](https://single-spa.js.org/docs/code-of-conduct.html) so that you can understand what actions will and will not be tolerated.

### [Contributing Guide](https://single-spa.js.org/docs/contributing-overview.html)

Read our [contributing guide](https://single-spa.js.org/docs/contributing-overview.html) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to single-spa.

---
_Source: https://npm.io/package/single-spa · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._