> **Version 10.4 (beta)** — **React** / **TypeScript**
> Also available:
- `?codeOnly=true` for code snippets only
- other versions: Version 10.3 (latest) (`/docs/.md`), Version 9 (`/docs/9/.md`), Version 8 (`/docs/8/.md`)

# Get started with Storybook

Storybook is a frontend workshop for building UI components and pages in isolation. It helps you develop and share hard-to-reach states and edge cases without needing to run your whole app. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.

## Install Storybook

Run this command to install Storybook into an existing project or create a new one from scratch:

```shell
npm create storybook@latest
```

```shell
pnpm create storybook@latest
```

```shell
yarn create storybook
```

Ask your AI agent to [set up Storybook for you](https://storybook.js.org/docs/10.4//ai/setup.md).

Want to know more about installing Storybook? Check out the [installation guide](https://storybook.js.org/docs/10.4//get-started/install.md).

## Supported frameworks

## Community-maintained frameworks

Storybook includes an active community that supports additional frameworks and libraries. These community-maintained frameworks are actively developed and maintained by community contributors.

## Main concepts

Storybook is a powerful tool that can help you with many aspects of your UI development workflow. Here are some of the main concepts to get you started.

## Additional resources

Once you've learned the basics, explore these other ways to get the most out of Storybook.