HeroUIAgents
Documentation

Invite-only beta

Turn every product intoan AI-native experience.

An agent that understands your product, takes action, and generates the right interface.

Backed byY Combinator

Built on HeroUI

The UI stack developers already use.

30.4kGitHub stars
2.04MMonthly npm downloads

Use cases

One agent.Every interface.

HeroUI Agents is an embeddable agent that understands your product and turns it into an AI-native experience.

Banking example. Asked: Chart our balance over the last 6 months. The agent answers: The operating balance is up 44% since March, with the strongest gain after July.

View all examples

What you get

The agent layer.Already built.

HeroUI Agents handles orchestration, UI, and ops. You connect your tools, docs, and design.

Connect your stack

Give the agent product data and actions while the signed-in user's permissions stay in place.

Client tools example for Connect your stack. This recreates the agent playground empty state.

Gate sensitive actions

Require explicit approval before the agent changes records, filters, or workflows.

Write example for Gate sensitive actions. This recreates the agent playground approval state.

Customize to your needs

Match your agent to your product with full control over its design system, layout, and visual style.

Default example for Customize to your needs. This recreates the agent playground components state.

See how your agent performs

Track agent usage, users, conversations, performance, and activity from one place.

See how your agent performs capability overview.

Hosted and operated end to end

HeroUI runs orchestration, streaming, persistence, and monitoring for your product team.

Hosted and operated end to end capability overview.
Read the docs

Generative UI

The right UI.For every task.

The agent uses generative UI to render the right interface for every task, from charts and tables to forms, dashboards, and approvals.

Agent-generated interfaces for charts, commerce, dashboards, forms, and approvals
View all components

Integration

Your product, AI-native.In under five minutes.

Add an intelligence layer to your product. It understands context, calls your tools, takes action, and returns native UI that adapts to what each user wants to accomplish.

Product overviewLive context from the current page.
Product health
Active users

18,420

+12.4%
Conversion

7.8%

+1.2%
Loading data view…
Showing Weekly activity as chart
index.html
<script src="https://agent.heroui.pro/loader.js" defer></script>
<script>
  window.addEventListener("heroui-agent:loaded", () => {
    window.agent = window.HeroUIAgent.mount({
      agentId: "your_agent_id",
      getAuthToken: (context) =>
        fetch("/api/heroui-agent/auth-token", {
          body: JSON.stringify(context),
          headers: {"Content-Type": "application/json"},
          method: "POST",
        }).then((response) => response.json()),
    });
  });
</script>

Works with your stack

Connect typed tools to the data and actions your signed-in users can already access.

Keeps users in control

Sensitive actions pause for explicit approval before records, filters, or workflows change.

Generates responsive UI

Render charts, tables, forms, and complete workflows that adapt to every screen.

Backend included

We handle models, streaming, memory, and monitoring. You focus on your product.

View installation docs

FAQ

What to know.Before you join.

How the agent accesses your product, what it can change, and what stays invite-only.

Invite-only beta

Join waitlist

Share your work email to start. We review every request and invite teams ready to test an embedded agent.