GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → nuxt-community → Storybook

nuxt-community / Storybook

Licence: mit
Storybook integration with Nuxt.js

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

storybook

Projects that are alternatives of or similar to Storybook

Simple React Calendar
A simple react based calendar component to be used for selecting dates and date ranges
Stars: ✭ 97 (-34.46%)
Mutual labels:  storybook
Mdx Embed
Embed 3rd party media content in MDX - no import required 🧽
Stars: ✭ 119 (-19.59%)
Mutual labels:  storybook
React Storybook Addon Props Combinations
Given possible values for each prop, renders your component with all combinations of prop values.
Stars: ✭ 130 (-12.16%)
Mutual labels:  storybook
Devtools Ds
UI components, libraries, and templates for building robust devtools experiences.
Stars: ✭ 105 (-29.05%)
Mutual labels:  storybook
Antd Data Table
A component that combines antd's Table and Form to do the search, display, and operating jobs for data.
Stars: ✭ 119 (-19.59%)
Mutual labels:  storybook
Storybook Addon
Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming
Stars: ✭ 122 (-17.57%)
Mutual labels:  storybook
Storybook Mobile
A storybook addon that helps you create truly mobile-friendly components
Stars: ✭ 93 (-37.16%)
Mutual labels:  storybook
React Laravel Boilerplate
A Laravel REST API backend with React/Redux, hot module reloading in development and route-level code splitting
Stars: ✭ 146 (-1.35%)
Mutual labels:  storybook
Buffer Components
Buffer's shared collection of React UI components 🤜🤛
Stars: ✭ 120 (-18.92%)
Mutual labels:  storybook
React Responsive Carousel
React.js Responsive Carousel (with Swipe)
Stars: ✭ 1,962 (+1225.68%)
Mutual labels:  storybook
React Nativeish
React Native / React Native Web Boilerplate
Stars: ✭ 106 (-28.38%)
Mutual labels:  storybook
Uikit React
UIkit components built with React
Stars: ✭ 111 (-25%)
Mutual labels:  storybook
Reactivetradercloud
Real-time FX trading showcase by Adaptive.
Stars: ✭ 1,664 (+1024.32%)
Mutual labels:  storybook
Jira Clone Angular
A simplified Jira clone built with Angular, ng-zorro and Akita
Stars: ✭ 1,396 (+843.24%)
Mutual labels:  storybook
Storybook Addon Console
storybook-addon. Redirects console output into action logger panel
Stars: ✭ 138 (-6.76%)
Mutual labels:  storybook
Wp Storybook
📔 Storybook for WordPress Reusable React Components
Stars: ✭ 95 (-35.81%)
Mutual labels:  storybook
React95
A React components library with Win95 UI
Stars: ✭ 1,779 (+1102.03%)
Mutual labels:  storybook
Vue Storybook
Custom <story> blocks for Vue single file components
Stars: ✭ 147 (-0.68%)
Mutual labels:  storybook
Typescript With Electron React Kit
Don't just start your Electron app... TWERKit.
Stars: ✭ 143 (-3.38%)
Mutual labels:  storybook
Mhy
🧩 A zero-config, out-of-the-box, multi-purpose toolbox and development environment
Stars: ✭ 128 (-13.51%)
Mutual labels:  storybook
View All Similar Projects ➔

@nuxtjs/storybook

@nuxtjs/storybook

npm version npm downloads Github Actions CI Codecov License

Storybook integration with NuxtJS

Features

  • Zero configuration
  • Nuxt webpack configuration
  • Nuxt plugins support
  • Story discovery from nuxt modules
  • Nuxt components support
  • Storybook Generate
  • Hot reload support
  • Nuxt proxy support

📖  Read more

Quick Setup

  1. Add @nuxtjs/storybook dependency to your project:
#using yarn
yarn add --dev @nuxtjs/storybook
# using npm
npm install --save-dev @nuxtjs/storybook

If you are using Nuxt < 2.14.0, you need to use [email protected]

  1. Add .nuxt-storybook and storybook-static to your .gitignore:
.nuxt-storybook
storybook-static
  1. Start adding stories

Configure

Then, add storybook section in nuxt.config.js:

export default {
  storybook: {
    // Options
  }
}

See module options.

Run

Now you can use nuxt storybook to start:

# Using yarn
yarn nuxt storybook

# Using npm
npx nuxt storybook

Development

  1. Clone this repository
  2. Install dependencies using yarn install
  3. Start storybook server using yarn dev

License

MIT License

Copyright (c)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].