JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 9
  • Score
    100M100P100Q59770F

Package Exports

  • @ai-cdk/ui
  • @ai-cdk/ui/Card
  • @ai-cdk/ui/HumanFeedback
  • @ai-cdk/ui/Questionnaire
  • @ai-cdk/ui/Renderer
  • @ai-cdk/ui/Skeleton
  • @ai-cdk/ui/Spinner
  • @ai-cdk/ui/package.json

Readme

@ai-cdk/ui

@ai-cdk/ui is an Angular library of AI chatbot building blocks for chat and agent interfaces.

It provides reusable UI elements and a payload renderer so you can build protocol-driven chatbot experiences quickly.

Status

This package is currently in beta.

  • Use the alpha dist-tag for prerelease updates.
  • Expect API and styling token refinements while the package matures.

Protocol Support

@ai-cdk/ui/Renderer supports JSON-driven UI payloads for streaming integrations.

The library is not limited to AG-UI or the Vercel AI protocol. It also supports other SSE event-based protocols, as long as events are mapped to your render payload and handlers.

Installation

npm i @ai-cdk/ui@alpha

Peer dependencies:

  • @angular/core ^21.1.0
  • @angular/common ^21.1.0

Accessibility

The components include keyboard and semantic support intended for WCAG AA usage:

  • Clickable card supports keyboard activation (Enter/Space)
  • Questionnaire uses grouped controls and labels
  • Human feedback actions are exposed with grouped ARIA semantics
  • Renderer supports configurable aria-live announcements for dynamic content

License

MIT