Documentation
Getting Started
Angular AI Kit provides a set of beautiful, accessible components for building AI chat interfaces in Angular applications.
Installation
1npm install @angular-ai-kit/coreCore Components
Production-ready components for building AI chat interfaces.
AI Response
Rich markdown with syntax highlighting, streaming, and actions.
User Message
Compact user message card with inline editing and truncation.
Chat Input
Message input with auto-resize, toolbar, and keyboard shortcuts.
Streaming Text
Typewriter effect for streaming AI responses with cursor animation.
Typing Indicator
Animated bouncing dots indicating AI is processing.
Code Block
Syntax highlighted code display with copy button and line numbers.
Markdown Renderer
Rich markdown rendering with code blocks and sanitization.
Feedback Buttons
Thumbs up/down toggle buttons for AI response feedback.
Response Actions
Copy, regenerate, and feedback buttons for AI responses.
Message Actions
Copy and edit action buttons for user messages.
Prompt Suggestions
Badge/chip list for suggested prompts and quick actions.
Coming Soon
Additional components planned for future releases.
Conversation List
Grouped conversation history with date labels and selection.
Token Counter
Token usage display with limit indicator and warning states.
Model Selector
Dropdown for selecting AI models (GPT-4, Claude, etc.).
File Upload
Drag and drop file attachment with preview and validation.