Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 15 additions & 3 deletions agent-os/agent-ui/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
title: AgentUI
sidebarTitle: AgentUI
description: An Open Source AgentUI for your AgentOS
keywords: [agent ui, agentui, agent interface, self-hosted ui, agno ui]
---

<Frame>
Expand All @@ -18,7 +19,7 @@ Agno provides a beautiful UI for interacting with your agents, completely open s
The AgentOS only uses data in your database. No data is sent to Agno.
</Note>

The Open Source Agent UI is built with Next.js and TypeScript. After the success of the [Agent AgentOS](/agent-os/introduction), the community asked for a self-hosted alternative and we delivered!
Built with Next.js and TypeScript, the Open Source Agent UI was developed in response to community requests for a self-hosted alternative following the success of [AgentOS](https://github.com/agent-os/introduction).

## Get Started with Agent UI

Expand Down Expand Up @@ -98,7 +99,7 @@ web_agent = Agent(
finance_agent = Agent(
name="Finance Agent",
model=OpenAIChat(id="gpt-5-mini"),
tools=[YFinanceTools(stock_price=True, analyst_recommendations=True, company_info=True, company_news=True)],
tools=[YFinanceTools()],
instructions=["Always use tables to display data"],
db=SqliteDb(db_file=agent_storage),
add_datetime_to_context=True,
Expand Down Expand Up @@ -167,7 +168,7 @@ In another terminal, run the AgentOS server:
</Step>
</Steps>

<Tip>Make sure the `serve_agentos_app()` points to the file containing your `AgentOS` app.</Tip>
<Tip>Make sure the module path in `agent_os.serve()` matches your filename (e.g., `"agentos:app"` for `agentos.py`).</Tip>

## View the AgentUI

Expand All @@ -181,3 +182,14 @@ In another terminal, run the AgentOS server:
className="w-full aspect-video"
src="/videos/agent-ui-demo.mp4"
></video>

## Learn more

<CardGroup cols={2}>
<Card title="AgentOS Introduction" icon="server" href="/agent-os/introduction">
Learn about AgentOS
</Card>
<Card title="Building Agents" icon="robot" href="/concepts/agents/building-agents">
Build your own agents
</Card>
</CardGroup>
Binary file modified images/agent-ui-homepage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified videos/agent-ui-demo.mp4
Binary file not shown.