---
title: 'framework'
sidebar:
  order: 2
  title: framework
---

(**Required**)

Parent: [main.js|ts configuration](./main-config.mdx)

Type: `FrameworkName | { name: FrameworkName; options?: FrameworkOptions }`

Configures Storybook based on a set of [framework-specific](../../configure/integration/frameworks.mdx) settings.

{/* prettier-ignore-start */}

<CodeSnippets path="main-config-framework.md" />

{/* prettier-ignore-end */}

## `name`

Type: `string`

For available frameworks and their options, see their respective [documentation](https://github.com/storybookjs/storybook/tree/next/code/frameworks).

## `options`

Type: `Record<string, any>`

While many options are specific to a framework, there are some options that are shared across some frameworks, e.g. those that configure Storybook's [builder](./main-config-core.mdx#builder).

### `options.builder`

Type: `Record<string, any>`

Configures Storybook's builder, [Vite](../../builders/vite.mdx) or [Webpack](../../builders/webpack.mdx).