Installation

Install QuackElements.

Use the package for its CLI and registry. Component implementation is copied into your application as editable TypeScript.

Requirements

  • Node.js 20 or newer
  • React 19 or newer
  • Tailwind CSS 4
  • A TypeScript @/* path alias

1. Install

Pin the alpha channel while the command surface is evolving.

Terminal
npm install --save-dev quackelements@alpha

2. Initialize

The interactive setup asks for Default or Monochrome and writes the foundation files.

Terminal
npx quackelements init

3. Add a component

Dependencies are resolved automatically. Existing local files are protected unless you explicitly overwrite them.

Terminal
npx quackelements add button
npx quackelements add button input card
npx quackelements add --all

Useful commands

CLI
npx quackelements list
npx quackelements doctor
npx quackelements add dialog --overwrite