{"adoption": {"forks": 215, "observed_at": "2026-08-28T04:06:25.199651+00:00", "stars": 2196}, "canonical_url": "https://ross.abutalabs.com/products/vue-design-system", "card": {"archived": false, "artifact_type": "framework", "description": "An open source tool for building UI Design Systems with Vue.js", "domain": ["web-development", "frontend", "web-design", "developer-tools"], "enriched": true, "function": ["ui-components", "frontend-framework", "templating", "documentation", "theme"], "health_score": 20, "homepage": "https://vueds.com", "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["arielsalminen/vue-design-system"], "name": "arielsalminen/vue-design-system", "platform": ["cross-platform"], "pushed_at": "2023-04-19T08:22:50+00:00", "repo": "arielsalminen/vue-design-system", "stars": 2196, "tags": ["vuejs", "design-system", "design-tokens", "styleguide", "vue-styleguidist", "component-library", "npm-package", "design-systems", "nodejs", "web-server"], "topics": ["vuejs", "design-systems", "design-system", "vue-styleguidist", "components", "component-library", "vue"], "urls": [], "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"], "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/vue-design-system", "repo": "arielsalminen/vue-design-system", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:06:25.199651+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T02:47:12.746936+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76b0750fd2ed336be7020f90db8b2b2f7174862e4fbbfc6fb76bc8f163a2ae1e", "fetched_at": "2026-08-28T04:06:25.199651+00:00", "kind": "readme", "missing": false, "url": "https://github.com/arielsalminen/vue-design-system"}, {"content_hash": "a9899cdca6f8eaabb6eb6606cec229c3535f99a6ac40d7a200ad68f30d6f1c13", "fetched_at": "2026-08-29T10:27:49.865540+00:00", "kind": "homepage", "missing": false, "url": "https://vueds.com"}, {"content_hash": "2de24bd99242f2661a5955e21f0873f9053c821f88efe38870c0afe3116f8fd7", "fetched_at": "2026-08-29T10:27:49.875436+00:00", "kind": "site_page", "missing": false, "url": "https://vueds.com/example"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3237, "days_push": 1232, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}