<p align="center">
  <a href="https://reactcosmos.org"><img alt="Cosmos" width="150" height="150" src="/cosmos.png"></a>
  <h1 align="center">React Cosmos</h1>
</p>

<p align="center">
  <a aria-label="npm version" href="https://www.npmjs.com/package/react-cosmos"><img src="https://img.shields.io/npm/v/react-cosmos.svg?style=flat&colorA=000000&colorB=000000" alt="" /></a>
  <a aria-label="CI Status" href="https://github.com/react-cosmos/react-cosmos/actions/workflows/test.yml"><img src="https://img.shields.io/github/actions/workflow/status/react-cosmos/react-cosmos/test.yml?branch=main&style=flat&colorA=000000&colorB=000000" alt="" /></a>
  <a aria-label="Codecov" href="https://app.codecov.io/gh/react-cosmos/react-cosmos"><img src="https://img.shields.io/codecov/c/github/react-cosmos/react-cosmos?colorA=000000&colorB=000000" alt="" /></a>
  <a aria-label="Twitter" href="https://twitter.com/ReactCosmos"><img src="https://img.shields.io/badge/twitter-follow-%2300acee?colorA=000000&colorB=000000" alt="" /></a>
  <a aria-label="Discord" href="https://discord.gg/3X95VgfnW5"><img src="https://img.shields.io/discord/620737684859781150?label=discord&logo=discord&logoColor=ffffff&colorA=000000&colorB=000000" alt="" /></a>
  <a aria-label="PRs Welcome" href="https://github.com/react-cosmos/react-cosmos/blob/main/.github/CONTRIBUTING.md#how-to-contribute"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?colorA=000000&colorB=000000" alt="" /></a>
</p>

## Getting Started

Choose one of the [Getting Started](https://reactcosmos.org/docs/getting-started) guides to dive into React Cosmos.

> Check out the [Next.js integration](https://reactcosmos.org/docs/getting-started/next) to get started with React Server Components.

Visit [reactcosmos.org/docs](https://reactcosmos.org/docs) to view the full documentation.

## Community

To chat with other community members you can join the [React Cosmos Discord](https://discord.gg/3X95VgfnW5).

You can also ask questions, voice ideas, and share your projects on [GitHub Discussions](https://github.com/react-cosmos/react-cosmos/discussions).

Our [Code of Conduct](/.github/CODE_OF_CONDUCT.md) applies to all React Cosmos community channels.

## Contributing

Please see our [CONTRIBUTING.md](/.github/CONTRIBUTING.md).

[Become a Sponsor](https://github.com/sponsors/ovidiuch) to support the ongoing development of React Cosmos.

## Live Demo

Visit [reactcosmos.org/demo/](https://reactcosmos.org/demo/) for a live demo of React Cosmos.

[![React Cosmos](/docs/public/demo.png)](https://reactcosmos.org/demo/)
