arielsalminen/vue-design-system

Health v2 · maintenance only

Adoption not part of the score

2196 stars · 215 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Vue Design System is an open source starter tool for building UI design systems with Vue.js, built on Vue Styleguidist, Webpack, and Theo. It provides organized patterns, YAML design tokens, living documentation, and the ability to publish the system as an NPM dependency.

Use cases

• build a design system with vue
• create a component library for my team
• generate living styleguide documentation from vue components
• manage design tokens in yaml and use them in css and javascript
• publish our design system as an npm package for other vue projects
• set up a vue project with scss, prettier, and live reloading for design work

When to choose

• you are starting a new design system from scratch with Vue.js
• your team wants automated living documentation and component status tracking
• you need design tokens shared across CSS and JavaScript
• you want to distribute your design system as an npm dependency to Vue or Nuxt apps

When to avoid

• you use Vue 3 or a modern Vite-based toolchain, since the project targets older Vue 2 tooling
• you need an actively developed project with frequent updates
• you only need a simple component library without documentation or token tooling
• you prefer React, Angular, or framework-agnostic design system tooling

Facets

framework · maturity maintenance

ui-components frontend-framework templating documentation theme web-development frontend web-design developer-tools cross-platform vuejs design-system design-tokens styleguide vue-styleguidist component-library npm-package design-systems nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="arielsalminen/vue-design-system")