Sign inSign up

programmerrdai/agent-ui

By programmerrdai

Updated 5 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

5 months ago

docker pull programmerrdai/agent-ui