The open source (and free) threadplane for agents

See it running in the docs →
ReactAngularLangGraphAG-UI
demo.threadplane.ai/hero
Threadplane chat replaying a recorded LangGraph run: a user prompt, a request_approval tool call, and the streamed three-step cleanup plan

Agent work, carried through.

From the first message to the final approval, every step stays connected.

Persistent.

Keep the conversation.Return to saved threads with their messages, tools, and context intact.

Explore saved threads
Thread saved

Durable.

Keep the progress.Bring checkpointed progress from your agent backend into the experience.

Understand checkpoints
Progress checkpointed

Reviewable.

Make room for a decision.Let people approve or redirect an agent before the next action.

Explore human approval
ApproveRevise

Resumable.

Pick up where you left off.Continue a paused thread with the context your agent retained.

Explore run recovery
Continue thread

Bring your stack.

Keep the tools you chose. Connect your application to your agents through LangGraph or AG-UI.

React quickstartAngular quickstart

LangGraph

Connect directly to your graph. Bring threads, checkpoints, interrupts, and subagents into your UI.

Native SDK integration

For agents built with LangGraph, self-hosted or deployed on LangSmith.

Explore LangGraph

AG-UI

Connect through a shared protocol. Bring events, tool calls, and state from an AG-UI-compatible agent.

A shared protocol for your runtime
  • CrewAI
  • Mastra
  • Pydantic AI
  • Microsoft Agent Framework
  • AWS Strands
Explore AG-UI

Your models. Your choice.

Choose the model provider in your agent backend.

  • OpenAI
  • Anthropic
  • Google
  • Azure OpenAI
  • Amazon Bedrock
Choose an adapter →

In your app. On your terms.

A UI layer that fits your architecture, with no extra Threadplane runtime to deploy.

  1. Your application

    Your components, your design system, and the experience your users already know.

  2. Threadplane

    Connect conversations, tool activity, and human decisions to your agent’s work.

  3. Your agent backend

    LangGraph or an AG-UI server. You choose the models, authentication, and infrastructure.

Explore the architecture

Steal our source code.

MIT-licensed packages. Source you can inspect, change, and ship. Run Threadplane in your application against the backend you host.

Explore on GitHub

  • Open from the start.

    Every package is MIT licensed, including production use.

  • Your infrastructure.

    No Threadplane-hosted service or account required.

  • Help when you need it.

    Build independently, or work with our team for production support.

Free preflight briefing for agentic UI

What breaks between a demo and production—and how to prepare. A 12-page field report for teams building agent interfaces with Angular and React.

We will never spam you or share your email address.

Threadplane · Open source · Angular + React

From Prototype to Production

Architecture, evaluation and operations for dependable agent products.

Contents

  1. Start with a bounded job
  2. Put ownership at the architecture boundaries
  3. Select models with representative evidence
  4. Treat context as a governed working set
  5. Execute tools through business contracts
  6. Recover durable work without inventing certainty
  7. Release against observable acceptance criteria
  8. Dated capability and reference notes

threadplane.ai2026

Shipping inside a large platform? Bring your backend, security model, and design system.

Talk to an engineer

A few things
worth knowing.

From the first integration to production.

Is Threadplane a backend agent framework?
No. Threadplane is the UI layer. Your agent runs in LangGraph, in an AG-UI-compatible runtime, or in your own service. Choosing an adapter
Can I use my existing component library and design system?
Yes. Keep your components and style the interface to match your application. For Angular, generated UI renders components you register. Generated UI
Does generated UI execute arbitrary code?
No. The agent emits constrained structured output that is validated against a schema, and Angular renders registered components with a per-component fallback. json-render and A2UI
Does Threadplane require a hosted service or an account?
No. Every package is MIT and runs inside your application against a backend you host. Pricing
Does Threadplane have a runtime I need to deploy?
No. The adapters call your LangGraph or AG-UI server from the browser. There is no Threadplane server in the request path, no key, and no production tier. How it is wired

Notes from the flight deck.

Ideas, patterns, and lessons from building agent interfaces.

Nov 5 · 14 min read

Debugging an Angular Agent UI with AG-UI DevTools

A walkthrough of AG-UI DevTools: every tab, the protocol validator, scripted runs, and practical ways to use it day to day.

angularAG-UIlanggraphdevtoolsagentic-ui
Oct 26 · 7 min read

AG-UI vs. WebMCP: Who Owns the Agent?

AG-UI and WebMCP both connect agents to web apps, but they point in opposite directions. Here's what each one does and when to reach for it.

AG-UIwebmcpagentic-uiarchitectureangular
Oct 7 · 5 min read

Threadplane 0.3.0: AG-UI 1.0 and a Slot for Every Turn

Threadplane 0.3.0 moves the AG-UI adapter to AG-UI 1.0, adds a per-message activity slot to chat, and exposes raw events and token usage.

threadplanereleaseangularag-uiagentic-ui
View all articles