/vue-storybook-components

Your easy to copy component library written with Nuxt.js, Composition API, and TailwindCSS.

Primary LanguageJavaScript

Components Playbook

Easy, intuitive, and powerful front-end component library written in Vue.js and TailwindCSS for faster and easier web development.

Dont add a huge dependency with to your project. Just copy paste the code of the component, tailwind.config.js and composables. No global styles applied.

On purpose we kept the complexity low in order for you to easily use and extend your desired functionality.

Library is written with best practices and a fundamental design system in mind and an easy to use technology stack.

  • Vue.js v2.6 with CompositionAPI
  • Storybook v6.5
  • Nuxt.js v2.15
  • TailwindCSS v3
  • Atomic Design Pattern
  • Design System in Figma file

Storybook Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3003
$ yarn storybook

# build for production (generate static project)
$ yarn storybook-build

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out the documentation.

Contribution

We continue to develop more and more components in different variations. If you have a wish then just open an issue and tell us what you desire.