Nuxt + Storybook

A no config Storybook addon that makes nuxtjs features just work in Storybook

View on Github

To use Storybook with Nuxt3, please use the nuxt-modules repository.

Storybook Addon Nuxt

This add-on makes it easier to set up Storybook in your Nuxt3 project.

Supported Features

  • Auto Imports
  • NuxtLink

Since we're still in the early stages of the project, there are several features that we still need to tackle. We're open to hearing your requests for features and will address them in the order we receive them. Please feel free to let us know what you need without hesitation.


  • Nuxt >= 3.x
  • Storybook >= 7.x


Getting Started


First setup Storybook.

In your Nuxt project directory:

npx storybook@latest init --type vue3 --builder vite

Install storybook-addon-nuxt using npm:

npm install --save-dev storybook-addon-nuxt

Or yarn:

yarn add --dev storybook-addon-nuxt

Register the Addon in main.js

// .storybook/main.js

module.exports = {
  // other config ommited for brevity
  addons: [
    // ...
    // ...