# React Cosmos

Sandbox for developing and testing React UI components in isolation, with file-based fixtures, a playground interface and a static export.


Source: https://findsoftware.frbit.cloud/react-cosmos/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://reactcosmos.org
- repository: https://github.com/react-cosmos/react-cosmos
- docs: https://reactcosmos.org/docs/getting-started
- plugins: https://reactcosmos.org/docs/plugins
- x: https://twitter.com/ReactCosmos
- discord: https://discord.gg/3X95VgfnW5
- forum: https://github.com/react-cosmos/react-cosmos/discussions

### Identity

- status: active
- maintainer: Ovidiu Cherecheș
- maintainerType: unknown
- parent: unknown
- firstRelease: 2014
- hqCountry: unknown

### Kind

- category: dev-tool
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: react

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: local, static
- renderingModes: not applicable
- installMethod: npm i -D react-cosmos react-cosmos-plugin-webpack

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 7
- latestReleaseDate: 2026-08-31

### Adoption

- githubStargazers: 8692
- packagistDownloads: not applicable
- npmWeeklyDownloads: 67501
- contributors: 108
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 1054
- dependentPackages: 142

### Sources

- urls: https://reactcosmos.org (read 2026-10-28)
- urls: https://api.github.com/repos/react-cosmos/react-cosmos (read 2026-10-28)
- urls: https://reactcosmos.org/docs/getting-started (read 2026-10-28)
- maintainer: https://raw.githubusercontent.com/react-cosmos/react-cosmos/main/LICENSE (read 2026-10-28)
- basedOn: https://reactcosmos.org (read 2026-10-28)
- category: https://reactcosmos.org (read 2026-10-28)
- language: https://reactcosmos.org (read 2026-10-28)
- runsAs: https://reactcosmos.org/docs/cli (read 2026-10-28)
- runsAs: https://reactcosmos.org/docs/static-export (read 2026-10-28)
- installMethod: https://reactcosmos.org/docs/getting-started/webpack (read 2026-10-28)
- license: https://api.github.com/repos/react-cosmos/react-cosmos (read 2026-10-28)
- license: https://raw.githubusercontent.com/react-cosmos/react-cosmos/main/LICENSE (read 2026-10-28)
- firstRelease: https://api.github.com/repos/react-cosmos/react-cosmos/releases (read 2026-10-28)
- currentMajor: https://api.github.com/repos/react-cosmos/react-cosmos/releases (read 2026-10-28)
- latestReleaseDate: https://api.github.com/repos/react-cosmos/react-cosmos/releases (read 2026-10-28)
- githubStargazers: https://api.github.com/repos/react-cosmos/react-cosmos (read 2026-10-28)
- contributors: https://api.github.com/repos/react-cosmos/react-cosmos/contributors (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/react-cosmos (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/react-cosmos (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/react-cosmos (read 2026-10-28)
- urls: https://reactcosmos.org/docs/plugins (read 2026-10-28)

## Notes

React Cosmos renders React UI components outside the app that uses them. Each state of a component is a fixture, defined by a file-system convention. A playground lets a developer browse the fixtures and change their inputs.

The `cosmos` command starts the dev server. The `cosmos-export` command writes a static build of the component library, which the static export page says can be deployed to any static hosting service. The guides cover Vite, Webpack, React Native and Next.js, and the Webpack guide installs the project with npm alongside a plugin.

## Worth knowing

The static export does not have every development feature. The export page says it cannot open the selected fixture in the code editor, but anyone with the export URL can browse fixtures and play with component inputs.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0