You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
## 🧩 AG-UI Showcase: The AG-UI Dojo (Building-Blocks Viewer)
132
-
The [AG-UI Dojo](https://dojo.ag-ui.com/langgraph-fastapi/feature/shared_state) showcases many of the building blocks that AG-UI supports ([AG-UI Dojo Source Code](https://github.com/ag-ui-protocol/ag-ui/tree/main/typescript-sdk/apps/dojo)) with each Agent Framework integration.
126
+
## The AG-UI Dojo (Building-Blocks Viewer)
127
+
The AG-UI Dojo demonstrates AG-UI's core building blocks through simple, focused examples—each just 50-200 lines of code.
128
+
129
+
View the source code for the Dojo and all framework integrations [here](https://github.com/ag-ui-protocol/ag-ui/tree/main/typescript-sdk/apps/dojo).
133
130
134
-
The building blocks are designed to be simple and focused -- between 50-200 lines of code.
*A horizontal standard to bring AI agents into user‑facing frontend applications.*
4
+
5
+
AG‑UI is the boundary layer where agents and users meet. It standardizes how agent state, UI intents, and user interactions flow between your model/agent runtime and your app’s frontend—so you can ship reliable, debuggable, user‑friendly agentic features fast.
Short blurb: *AG‑UI works across leading agent frameworks and frontend stacks, with shared vocabulary and primitives that keep your UX consistent as your agents evolve.*
16
+
17
+
---
18
+
19
+
## Building blocks (today & upcoming)
20
+
21
+
-**Streaming chat** — Token‑level and tool‑event streaming for responsive UIs.
22
+
-**Static generative UI** — Render model output into stable, typed components.
23
+
-**Declarative generative UI** — Let agents propose UI trees; app decides what to mount.
24
+
-**Frontend tools** — Safe, typed tool calls that bridge agent logic to app actions.
25
+
-**Interrupts & human‑in‑the‑loop** — Pause, approve, edit, or steer mid‑flow.
**Agentic apps break the classic request/response contract.** Agents run for longer, stream work as they go, and make nondeterministic choices that can affect your UI and state. AG‑UI defines a clean, observable boundary so frontends remain predictable while agents stay flexible.
47
+
48
+
### What’s hard about user‑facing agents
49
+
50
+
- Agents are **long‑running** and **stream** intermediate work—often across multi‑turn sessions.
51
+
- Agents are **nondeterministic** and can **control UI** in ways that must be supervised.
52
+
- Apps must mix **structured + unstructured IO** (text, voice, tool calls, state updates).
53
+
- Agents need **composition**: agents **call sub‑agents**, often non-deterministically.
54
+
55
+
With AG‑UI, these become deliberate, well‑typed interactions rather than ad‑hoc wiring.
56
+
57
+
---
58
+
59
+
## Deeper proof (docs, demos, code)
60
+
61
+
| Framework / Platform | What works today | Docs | Demo |
0 commit comments