Installation

ADQ UI components are distributed as a shadcn-compatible registry. Install individual components into your project using the shadcn CLI.

Prerequisites

Your project needs shadcn/ui initialized:

npx shadcn init

Install a component

npx shadcn add https://ui.adq.ai/api/r/prompt-input

Required CSS tokens

Add these tokens to your globals.css:

@theme inline {
  /* AiQ 3.0 design tokens */
  --color-midnight-blue-500: #081F59;
  --color-dawn-violet-500: #3C16AB;
  --color-dawn-violet-75: #F0EDFA;
  --color-shadow-grey-50: #F2F2F2;
  --color-shadow-grey-100: #DEDEDE;
  --color-shadow-grey-300: #B5B5B5;
  --color-shadow-grey-400: #A0A0A0;
  --color-text-primary: #222222;
  --color-text-secondary: #606060;
}