https://github.com/agno-agi/agent-ui
A modern chat interface for AI agents built with Next.js, Tailwind CSS, and TypeScript.
https://github.com/agno-agi/agent-ui
agent agno ai chat self-hosted
Last synced: 4 months ago
JSON representation
A modern chat interface for AI agents built with Next.js, Tailwind CSS, and TypeScript.
- Host: GitHub
- URL: https://github.com/agno-agi/agent-ui
- Owner: agno-agi
- License: mit
- Created: 2025-02-03T11:24:42.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-06-05T07:59:25.000Z (4 months ago)
- Last Synced: 2025-06-08T17:18:08.961Z (4 months ago)
- Topics: agent, agno, ai, chat, self-hosted
- Language: TypeScript
- Homepage: https://agno-agent-ui.vercel.app
- Size: 624 KB
- Stars: 715
- Watchers: 5
- Forks: 141
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Agent UI
A modern chat interface for AI agents built with Next.js, Tailwind CSS, and TypeScript. This template provides a ready-to-use UI for interacting with Agno agents.
## Features
- 💬 **Modern Chat Interface**: Clean design with real-time streaming support
- 🧩 **Tool Calls Support**: Visualizes agent tool calls and their results
- 🧠 **Reasoning Steps**: Displays agent reasoning process (when available)
- 📚 **References Support**: Show sources used by the agent
- 🖼️ **Multi-modality Support**: Handles various content types including images, video, and audio
- 🎨 **Customizable UI**: Built with Tailwind CSS for easy styling
- 🧰 **Built with Modern Stack**: Next.js, TypeScript, shadcn/ui, Framer Motion, and more
## Getting Started
### Prerequisites
Before setting up Agent UI, you may want to have an Agno Playground running. If you haven't set up the Agno Playground yet, follow the [official guide](https://agno.link/agent-ui#connect-to-local-agents) to run the Playground locally.
### Installation
### Automatic Installation (Recommended)
```bash
npx create-agent-ui@latest
```
### Manual Installation
1. Clone the repository:
```bash
git clone https://github.com/agno-agi/agent-ui.git
cd agent-ui
```
2. Install dependencies:
```bash
pnpm install
```
3. Start the development server:
```bash
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Connecting to an Agent Backend
By default Agent UI connects to `http://localhost:7777`. You can easily change this by hovering over the endpoint URL and clicking the edit option.
The default endpoint works with the standard Agno Playground setup described in the [official documentation](https://agno.link/agent-ui#connect-to-local-agents).
## Contributing
Contributions are welcome! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) for contribution guidelines.
## License
This project is licensed under the [MIT License](./LICENSE).