Back to integrations
Add your integration
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Nuxt + Storybook
A no config Storybook addon that makes nuxtjs features just work in Storybook
npm install storybook-addon-nuxt
Last updated about 1 year ago
Downloads per week
Readme View on GitHub

Note \ 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: [
    // ...
    // ...
Join the community
6,622 developers and counting
WhyWhy StorybookComponent-driven UI
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software

Maintained by
Special thanks to Netlify and CircleCI