Vue Design Tokens Packages

@terrazzo/plugin-css-in-js

Use CSS Vars in clientside JS. Compatible with Linaria, StyleX, Vanilla Extract, Styled Components, and most CSS-in-JS libraries.

479 194,379

pinceau

Make your lighter and your smarter.

690 88,358

@club-employes/utopia

🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.

77,215

Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,

4,310 31,739

antdv-style

CSS-in-JS solution for antdv-next

7 21,262

rei-kit

One kit, every look. 106 accessible Vue 3 + Tailwind 4 components, four materials (quiet, glass, brutal, soft) and ten WCAG-checked palettes, each switched with one attribute.

1 16,855

@dillingerstaffing/strand-vue

Strand UI - Vue 3 component library built on the Strand Design Language

15,710

@agile-team/wl-skills-ui

企业级 UI 风格对齐框架 — Vue + Element Plus 双模式、任务路由与真实检查回执（tokens / element / vendors / layouts / runtime / scanner / fixer / skills）

3 12,864

@shtabapp/ui-kit

Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes

10,050

origam

origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.

9,732

@shopware/unocss-design-tokens-layer

Reusable Nuxt Layer for Shopware design tokens and UnoCSS configuration

231 9,195

@apform-ui/core

Apform UI：Element Plus 底座包装在本库栈下；el-* 算可用能力，视觉以本库 Design Tokens 为准

8,379

ux-ui-agent-skills

Design-system kit for coding agents — DTCG design tokens, 52 components, WCAG 2.2 AA→AAA + i18n/RTL accessibility, enforced single-theme consistency (contrast, hardcode, Tailwind-palette, theme-ref + CI gates), any-framework code, 138 design systems, 52 o

2,786 7,394

@dskripchenko/ui

Vue 3 component, token, and theme library on CSS custom properties

6,792

@pgcorp/ui-kit

Typed Vue 3 design system with accessible components, semantic themes, and workbench patterns.

6,648

@1337exp/taoui

Design-token driven Vue 3 / Nuxt component library: one size scale, dark and light themes, built-in locales.

6,129

@dxtmisha/d1

Vue 3 design system component library (DXT-UI D1) with comprehensive UI components, design tokens, SCSS mixins, and Vite plugin

5,736

figma-dev-tools

Figma Dev Tools MCP Server v1.4.21 - Bridge Figma designs to code with AI-powered token extraction, framework-agnostic structured data, React/Vue/HTML component generation, asset downloads, XSS security protection, smart hierarchy fixing, SVG inline rende

4,881

@rukkiecodes/vue

FusionUI — a soft, modern Vue 3 design library. Accessible, token-driven and SSR-safe.

4,677

@amulet-laboratories/rig

Headless, accessible Vue 3 component library with 27 built-in themes — VSCode-style, slot-driven, unstyled

4,216

vitepress-theme-app-docs

A VitePress theme for product and application documentation: callouts, cards, steps, tabs, animated Mermaid diagrams, interactive mindmaps, English/Spanish UI, design tokens and a merged "all pages" view.

4,140

@awc-ui/core

Accessible Material Design 3 Web Components for React, Angular, Vue, and Svelte, with SSR, theming, RTL, forms, and custom elements

21 3,739

8bit-nes

NES 8-bit retro-modern design system. Design tokens + class-based CSS components + light-DOM web components. Cross-framework: HTML, Vue 3, Nuxt, React.

3,267

@vitral/vue

Vitral for Vue 3: components, composables, directives and the plugin that themes them.

3 3,195

@astrake/lumora-ui

Headless Vue 3 component framework for three surface targets — Mobile, Desktop, and Embedded — with a unified --lu-* design token system.

3,040

@vanduo-oss/vd3

Vanduo UI for Vue 3 — design system and component library (the vd3 line)

2,985

@bysages/vue

By Sages Elements components for Vue — styled by the paper-and-ink design tokens

1 2,850

@pegasusheavy/tailswatch

Customizable Tailwind CSS 4+ themes for import into other applications. Bootswatch-inspired themes, Material Design themes, programming language-inspired themes, Node.js framework themes, HTTP framework themes, cloud provider themes, NFL team themes, NBA

12 2,840

@mkatogui/universal-design-system

A production-grade design system with 9 structural palettes, 72 components, and automated WCAG 2.2 AA compliance. Deterministic UI recommendation engine powered by retrieval and rule evaluation.

5 2,736

@tesserai/cli

Install a tesserai design system into your project as components you own, keep it in sync, and give your coding agent an MCP server that reads it.

2,584

@ecoma-io/loom

An Application Interface System for Vue — accessible components, design tokens and responsive layouts. Cross-platform is a design constraint, not the product category.

5 2,445

@acontplus/ui-kit

Framework-agnostic UI kit library providing reusable design assets, SVG icon definitions, button types, select options, and design system elements for consistent user interfaces across any JavaScript framework.

1 2,404

@bysages/charts

Token-themed charts for By Sages Elements — TanStack Charts dressed in the paper-and-ink system: one token bridge plus thin framework adapters

1 2,402

@tokiforge/vue

Vue adapter for TokiForge theming

29 2,251

vectis-ui

Vue 3 design system — HTML/CSS first, CSS tokens, Nuxt 3 (SSR) compatible

2,185

@mart-booking/ui

MART UI — Vue 3 component library built on Reka UI

2,119

@fadymondy/nasaq

Nasaq (نسق): one product language for every surface. React + Base UI + Tailwind v4 components, the same components for Vue 3 and for HTML/Alpine.js (Laravel Blade, Livewire, FilamentPHP via fadymondy/nasaq-php), design tokens, brand marks, a React Native

1,973

76 Vue packages tagged “design tokens”