React Cosmos
DocumentationDocumentationAboutAbout
GitHubGitHub (opens in a new tab)DiscordDiscord (opens in a new tab)
  • Introduction
  • Getting Started
    • Vite
    • Webpack
    • React Native
    • Next.js
    • Create React App
    • Custom Bundler
    • Troubleshooting
  • Migration Guide
  • User Interface
  • Usage
  • React Cosmos CLI
  • Fixtures
    • Fixture Modules
    • File Conventions
    • Decorators
    • Fixture Options
    • Fixture Inputs
    • Viewport
    • cosmos.config.json
    • Plugin Settings
    • Lazy Mode
  • Static Export
  • Plugins
    • Server Plugins
    • UI Plugins
    • Fixture Plugins
  • Node.js API
  • More
  • Development
    • Architecture
    • ESM
    • Tech Debt
  • GitHub ↗ (opens in a new tab)
  • Discord ↗ (opens in a new tab)
Edit this page
Documentation
Getting Started

Getting Started

React 19 and Next 15 support is available in react-cosmos@canary and react-cosmos-next@canary. If you have any feedback create an issue or join our Discord (opens in a new tab).

Choose a dedicated guide for integrating with a specific bundler, framework, or a custom setup:

ViteWebpackReact NativeNext.jsCreate React AppCustom Bundler

See Troubleshooting for common issues.

💡

Check out the Migration Guide to upgrade from React Cosmos 5.

IntroductionVite

FAQ

  • What is React Cosmos?
  • Key Features
  • Architecture
  • About

Guides

  • Vite
  • Webpack
  • React Native
  • Next.js
  • All Guides

Usage

  • CLI
  • User Interface
  • Fixtures & Decorators
  • Configuration
  • Plugins

Ecosystem

  • GitHub ↗ (opens in a new tab)
  • Discord ↗ (opens in a new tab)
  • Twitter ↗ (opens in a new tab)
  • Discussions ↗ (opens in a new tab)
  • Sponsor ↗ (opens in a new tab)
© 2025 React Cosmos.