HK Agent UI Vol. 1 – React Edition

25 configurable React components for modern AI-agent interfaces, including agent runs, tool calls, MCP connection states, approvals, workflows, usage, citations, permissions, file processing and operational feedback.

React

AI Agents

UI Components

$14.99

BUY NOW

Secure checkout via FastSpring

Digital delivery. Taxes calculated at checkout

One-time purchase | Commercial licence | Direct product support

Product Walkthrough

Watch Product Walkthrough on YouTube

ABOUT THIS PRODUCT

HK Agent UI Vol. 1 is a collection of 25 configurable React components designed for modern AI-agent interfaces.

The pack includes components for agent runs, tool calls, MCP connection states, human approvals, workflows, token and context usage, citations, file processing, permissions, agent handoffs, model selection and runtime feedback.

Built with React, TypeScript and Tailwind CSS 4, it includes a Vite demo project and documentation. The pack uses a dark UI theme and does not include an AI backend, model API access, database service, authentication service or MCP server.

WHAT YOU GET

25 React UI components

TypeScript source

Tailwind CSS 4

Dark UI theme

Vite demo project

Component documentation

Installation guide

FORMATS

React / TSX · TypeScript · Tailwind CSS

COMPATIBLE WITH

React 19 · TypeScript · Tailwind CSS 4 · Vite 8

SOURCE PACKAGE

Clean source distribution | No unnecessary bundled libraries or binaries

VERSION

1.0.2

BEST FOR

React developers building AI-agent applications, dashboards and workflows that need reusable interface patterns for agent activity, tool execution, approvals and handoffs.

WHY BUY THIS?

Start from editable agent-interface components instead of designing and implementing common AI-agent states and workflow UI from scratch.

GALLERY

LICENCE

Commercial developer component licence. Components may be modified and integrated into permitted personal, commercial and client End Products. The original or modified reusable component source may not be resold, redistributed, repackaged or sublicensed as a competing standalone component/UI kit. See the HK Lab Studio Product Licence for full terms.

VIEW PRODUCT LICENCE

HK VERIFIED RELEASE

Validation Status: PASS

VALIDATION REPORT
Package integrity verified
Clean install and production build verified
TypeScript build validation verified
Demo runtime verified
25-component inventory verified
Representative component states verified
Keyboard/focus behaviour checked
Responsive behaviour and package hygiene verified

Validation Status: PASSRelease: 1.0.2

HK Verified Release is an internal HK Lab Studio QA standard. Validation is performed against the packaged customer release before sale.

How does HK Verified work?

See the build, validation and release workflow behind HK Verified products.

BACK TO STORE