Sign inSign up

programmerrdai/agent-ui

By programmerrdai

•Updated 6 months ago

A modern chat interface for AI agents built with Next.js, Tailwind CSS, and TypeScript.

Image
Machine learning & AI
0

1.1K

programmerrdai/agent-ui repository overview

⁠Agent UI Docker - Repository Overview

Unofficial Docker Image - This is a community fork that adds Docker support to the original Agent UI⁠ project. This is not an official image from the Agent UI team.

⁠What This Is

This repository provides a Dockerized version of Agent UI - a modern chat interface for AI agents built with Next.js, Tailwind CSS, and TypeScript. The original project didn't have a Docker image, so this fork adds Docker support for easy deployment.

⁠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
  • Docker Support: Easy deployment with Docker containers

⁠Tech Stack

  • Frontend: Next.js 15, React 19, TypeScript
  • Styling: Tailwind CSS, shadcn/ui components
  • State Management: Zustand
  • Animations: Framer Motion
  • UI Components: Radix UI primitives
  • Containerization: Docker with multi-stage builds

⁠Quick Start with Docker

# Build the image
docker build -t agent-ui .

# Run the container
docker run -p 3000:3000 agent-ui

The application will be available at http://localhost:3000

⁠Local Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

⁠Configuration

By default, Agent UI connects to http://localhost:7777 (standard Agno Playground setup). You can change this by hovering over the endpoint URL in the UI and clicking the edit option.

⁠Docker Image Details

  • Base Image: Node.js 18 Alpine (for smaller image size)
  • Multi-stage Build: Optimized for production with minimal final image size
  • Port: Exposes port 3000
  • Security: Runs as non-root user (nextjs:nodejs)
  • Output: Uses Next.js standalone output for efficient deployment

⁠Contributing

This fork focuses on Docker support. For general Agent UI contributions, please refer to the original repository⁠.

⁠License

MIT License (same as original project)

Tag summary

Content type

Image

Digest

sha256:2c0534904…

Size

66 MB

Last updated

6 months ago

docker pull programmerrdai/agent-ui