Example Integration with LangChain Agents

[christian-bromann]

Package

v4.x

Description

First off, thank you for building Nuxt UI. The components, styling, and overall developer experience are excellent!

One thing I've noticed is that some developers building agentic applications with frameworks like LangChain struggle with the frontend layer. While there are examples for various AI frameworks and SDKs, there doesn't seem to be much guidance on how to use Nuxt UI together with LangChain-powered agents. LangChain maintains its own Vue SDK package: @langchain/vue and can easily support Nuxt UI as well.

Would the team be open to documenting an example integration with LangChain?

Some ideas:

• Building a chat interface using Nuxt UI components connected to a LangChain agent.
• Streaming responses from a LangChain's DeepAgent architecture.
• Displaying tool calls, intermediate agent state, or structured outputs.
• Human-in-the-loop workflows and approval UIs.
• Multi-turn conversations with persisted history.

I'd be happy to contribute an example or documentation if the maintainers think this would be valuable. I am also planning to add integration docs into Nuxt UI within the our LangChain docs.

Thanks for considering it!

[benjamincanac]

Thanks for the kind words @christian-bromann! 😊

Our chat components run on @ai-sdk/vue's useChat, so the new DeepAgents harness adapter (wrapping LangChain's deepagents) plugs straight into UChatMessages / UChatPrompt today. @langchain/vue would work just as well via useStream / useMessages.

Rather than a dedicated page, I think a short note on the Chat docs would be the right fit. Happy to take a PR for that! 🙌

[christian-bromann]

Thanks for being open to this: #6661