v0.5.0

DDS Design System

A minimal, production-ready component library for Nuxt 4. Built with TypeScript, Tailwind CSS, and a violet-first design token system.

Components

100%

TypeScript

Dark

Mode support

Quick start

1. Install the package

bash

npm install design-system-antoinegourgue

2. Add the module in nuxt.config.ts

nuxt.config.ts

export default defineNuxtConfig({
  modules: ['design-system-antoinegourgue'],
  nuxtDs: {
    prefix: 'Ds',
    injectCSS: true,
  },
})

3. Use components anywhere (auto-imported)

vue

<!-- Auto-imported, no imports needed -->
<DsButton variant="primary">
  Get started
</DsButton>