# AI Chat Component

> This AI Chat Component is designed as a clean, minimal, and easily integrable chat interface built entirely with shadcn UI. It provides a structured way to handle real-time conversations between a user and an AI system, making it suitable for support bots, knowledge assistants, or embedded chat features in dashboards and applications. The component supports message grouping, smooth scrolling, and a responsive layout that adapts seamlessly to both light and dark themes. Its simplicity ensures developers can plug it into existing projects with minimal effort, while still being flexible enough to extend with advanced features like streaming responses, avatars, or markdown rendering.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/aichat-component

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/aichat-component?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt