KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #codex #typescript #developer-tools #ai-agents #deepseek-harness #claude-code #ai-agent #cli #react #mcp

vue-cli-plugin-atomic-design-components

★ 40 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-cli-plugin-atomic-design-components

TThis is Vue cli 3 plugin is a collection of generically used Vue components based on [Atomic Design ](http://bradfrost.com/blog/post/atomic-web-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](https://www.npmjs.com/package/vue-cli-plugin-atomic-design)

[vue-cli-plugin-scss-base](https://github.com/milad-alizadeh/vue-cli-plugin-scss-base#readme)

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](https://github.com/storybooks/storybook) as the development enviornment to maximise reusability and ease of maintenence. It also is a design system. [Here is why](http://bradfrost.com/blog/post/style-guide-driven-design-systems/) a using design system is important.

You can view the storybook demo of the app [here](https://milad-alizadeh.github.io/vue-cli-plugin-atomic-design-components).

vue-cli-plugin-atomic-design-components

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README