# arielsalminen/vue-design-system

An open source tool for building UI Design Systems with Vue.js

Repository: https://github.com/arielsalminen/vue-design-system
Canonical: https://ross.abutalabs.com/products/vue-design-system
Homepage: https://vueds.com
Language: JavaScript
License: MIT
License Family: permissive
Topics: vuejs, design-systems, design-system, vue-styleguidist, components, component-library, vue
Last push: 2023-04-19T08:22:50+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3237, "days_push": 1232, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2196, forks 215 (observed 2026-08-28T04:06:25.199651+00:00)

## What it is
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
- artifact type: framework
- maturity: maintenance
- function: ui-components, frontend-framework, templating, documentation, theme
- domain: web-development, frontend, web-design, developer-tools
- platform: cross-platform
- tags: vuejs, design-system, design-tokens, styleguide, vue-styleguidist, component-library, npm-package, design-systems, nodejs, web-server

## Member repositories
- arielsalminen/vue-design-system (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:25.199651+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:47:12.746936+00:00, confidence not recorded.
  - readme: https://github.com/arielsalminen/vue-design-system (fetched 2026-08-28T04:06:25.199651+00:00, sha 76b0750fd2ed)
  - homepage: https://vueds.com (fetched 2026-08-29T10:27:49.865540+00:00, sha a9899cdca6f8)
  - site_page: https://vueds.com/example (fetched 2026-08-29T10:27:49.875436+00:00, sha 2de24bd99242)
- Data as of 2026-08-30T08:39:29.467469+00:00.