Embed an AI assistant that understands your product, takes action, and generates interfaces from your data.
HeroUI Agent is a hosted agent for any modern website. A small JavaScript or React bridge connects the tools and data you choose to expose, then the hosted UI turns the results into streaming metrics, charts, comparisons, tables, and other interactive interfaces.
The hosted runtime handles the model, conversation state, and generative UI. Your client tools continue to run in the user's browser with the user's existing permissions, so they can safely read application state, call your authenticated APIs, and perform actions.
HeroUI Agent is currently available as an invite-only beta. Request beta access to receive an agent ID.
React 19 and Next.js 15 are required only when you choose their corresponding integration. The hosted JavaScript loader has no framework dependency.
An agent is set up in two places. The dashboard holds what the hosted runtime needs to reason and render — instructions, documents, server-side tools, appearance, and generated UI — and applies changes without a customer deploy. Your website exposes browser tools, page context, and the token exchange.
Use your coding assistant to handle setup: click Copy Prompt above, paste it into Codex, Claude Code, Cursor, or another supported harness, and follow the Building with AI path.
To integrate it yourself:
