Skip to content

Vue CLI plugin for adding a very basic UI library of components based on Atomic Design methodology

License

Notifications You must be signed in to change notification settings

empitsu/vue-cli-plugin-atomic-design-components

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

79 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-cli-plugin-atomic-design-components

TThis is Vue cli 3 plugin is a collection of generically used Vue components based on Atomic Design methodology. This plugin is NOT an off the shelf library like Bootstrap or Vuetify but rather a starting point to save development time on generically used components and giving maximum control.

This library depends on the following vue cli plugins

vue-cli-plugin-atomic-design

vue-cli-plugin-scss-base

Upon install all the components are copied to ./src/components folder and you can edit the components markup and styling as you wish. You can also delet the components you don't need to improve performance. This plugin uses Storyook as the development enviornment to maximise reusability and ease of maintenence. It also is a design system. Here is why a using design system is important.

You can view the storybook demo of the app here.

About

Vue CLI plugin for adding a very basic UI library of components based on Atomic Design methodology

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 55.2%
  • Vue 44.1%
  • CSS 0.7%