@lov3kaizen/aigency-react

@aigency/react

React components for rendering Aigency agent responses with formatting support.

Features

• Markdown rendering with GitHub Flavored Markdown support
• Code syntax highlighting
• Streaming response support
• Customizable styling

Installation

npm install @aigency/react @aigency/core react react-dom
# or
pnpm add @aigency/react @aigency/core react react-dom
# or
yarn add @aigency/react @aigency/core react react-dom

Quick Start

import { AgentResponse } from '@aigency/react';

function ChatMessage({ content }: { content: string }) {
  return <AgentResponse content={content} />;
}

Components

AgentResponse

Renders agent response content with markdown formatting:

import { AgentResponse } from '@aigency/react';

<AgentResponse
  content="# Hello World\n\nThis is **markdown** content."
  className="my-response"
/>

StreamingResponse

For streaming responses:

import { StreamingResponse } from '@aigency/react';

<StreamingResponse
  content={streamingContent}
  isStreaming={true}
/>

Styling

Components can be styled using CSS classes or inline styles:

<AgentResponse
  content={content}
  className="custom-response"
  style={{ maxWidth: '600px' }}
/>

Documentation

Full documentation available at aigency.dev

Related Packages

• @aigency/core - Core library
• @aigency/nestjs - NestJS integration
• @aigency/cli - Command-line interface

License

MIT License - see LICENSE for details