Package Exports
- @ai-cdk/ui
- @ai-cdk/ui/Card
- @ai-cdk/ui/ChatTextInput
- @ai-cdk/ui/HumanFeedback
- @ai-cdk/ui/Markdown
- @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.
It also includes @ai-cdk/ui/Markdown for sanitized assistant-message markdown rendering.
Check Storybook for all components and changes. Contribute to project HERE
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@alphaPeer 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-liveannouncements for dynamic content
License
MIT