Components

Agent Experience

Interactive deliverables. Not text.

ChatGPT renders text. Claude renders artifacts. harness-ui renders interactive surfaces with prop schemas, action schemas, and bidirectional control — 70 components designed for agentic workflows.

Prop schemas

Every component exposes a typed schema. Agents fill props the same way they fill function arguments — no string templating, no JSON glue.

Action schemas

User clicks, edits, and approvals stream back to the agent as typed events. Bidirectional control, not one-way render.

Agent-ready registry

Components ship with action manifests an agent can read at runtime. Drop into any harness-compatible runtime — no host wiring.

The difference

Static UI libraries weren't built for agents.

shadcn · Base UI · MUI

  • Props only — no action schemas
  • One-way: agent renders, user reads
  • No registry, no runtime contract

harness-ui

  • Props + action schemas
  • Bidirectional: user input streams back as events
  • Agent-readable registry, drop-in runtime

Component library · 70 components

Featured

Help us prioritize the roadmap
How should we prioritize the next feature?*
Any other feedback?(optional)

Survey

Core

Structured question cards for collecting user feedback.

Create Support Ticket

Brief description of the issue

Provide details about the issue

Input Form

Core

Dynamic form generation for capturing structured data.

NightOwl Brand Colors
#1A1A2E
Midnight Navy
Backgrounds, headers
#E94560
Crimson Accent
CTAs, highlights
#16213E
Deep Space
Cards, containers
#0F3460
Ocean Blue
Links, interactive
#F5F5F5
Cloud White
Text on dark

Color Palette

Design

Visual color swatches like coolors.co with hex codes, names, and usage notes.

NightOwl

See what others miss

Colors
#1A1A2E
#E94560
#16213E
#F5F5F5
Midnight Navy
Crimson Accent
Deep Space
Cloud White
Typography
Montserrat 700
NightOwl
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Inter 400
NightOwl is built for people who demand more from their tools. We believe in clarity over complexity, action over deliberation.
abcdefghijklmnopqrstuvwxyz 0123456789

Brand Kit

Design

Complete brand identity card with logo, color palette, and live typography specimens.

All components

Calendar Access Required

This agent needs to view and modify your calendar to help schedule meetings and avoid conflicts.

Ask Permission

Core

Interactive card for requesting user authorization.

Upload Documents

Drag and drop files or click to browse. Supports PDF, Word, and Excel files.

Drag files or click to upload

.pdf, .docx, .xlsx - Max 25MB

File Upload

Core

Drag-and-drop file input with preview and validation.

Monthly Recurring Revenue
$847,200+18.2%
Updated 2 hours ago

Metric Card

Core

KPI display with trend indicators and drill-down actions.

Monthly Revenue

Jan
42000
Feb
48500
Mar
51200
Apr
49800
May
58400
Jun
67200

Chart Card

Core

Bar, line, pie, and donut charts for data visualization.

Recent Orders

Order
Customer
Amount
Status
#3241Acme Industries$234,000.00Delivered
#3240TechCorp Ltd$89,050.00Shipped
#3239GlobalTech Inc$412,000.00Processing
#3238Startup Labs$165,000.00Delivered

Table Card

Core

Sortable, filterable tabular data presentation.

Product Screenshots

Dashboard
Dashboard
Analytics
Analytics
Reports
Reports

3 items

Media Gallery

Core

Grid layout for images, videos, and multi-media sets.

Overall Progress85%
847 of 1,000 completed
Outbound80%
Inbound93%
Referrals82%

Progress Card

Core

Status visualization for ongoing tasks and goals.

Deployment Pipeline

2 / 4
Build
Test
Deploy
Verify
Deploying to production...
~3 minutes remaining

Task Progress

Core

Multi-step progress tracker for complex workflows.

email_draft
Q1 Roadmap Update
Hi Team, Following up on our discussion about the Q1 roadmap. I've attached the updated timeline. Best, Alex

Editable Preview

Core

Content preview with inline editing and approval.

Review 2 Artifacts
Q1 Report
q1-report.pdf
No reviewable items
This artifact has no fields or sections

Review Artifacts

Core

Multi-artifact review with approve/reject actions.

Stripe API Reference
Stripe

Stripe API Reference

Complete reference documentation for the Stripe API. Includes code snippets and examples for every endpoint.

Link Card

Core

Rich preview for external URLs with image and metadata.

Analyzing Q1 revenue62%

Agent Status

Core

Visual indicator for agent states — thinking, working, idle, error.

Text Editor

Core

Rich text editor with formatting toolbar.

Recent Activity

March 20
S
Sarah ChenMar 20

Moved **Acme Corp** from Qualified to Proposal Sent

M
Mike RossMar 20

Added note on TechStart: "CEO wants demo next week"

March 19
A
Alex KimMar 19

Sent pricing proposal to HealthCo

S
Sarah ChenMar 19

30-min discovery call with GlobalBank CTO

M
Mike RossMar 19

Completed security questionnaire for DevShop

Activity Feed

Core

Chronological timeline of events and actions.

Today's Focus

1 / 4
Finalize onboarding permission copy!

Tighten language for Gmail + Calendar scopes

NotionTue 5:30 PM
Review agent status animations

Check easing and progress states in dark theme

LinearTue 3:00 PM
Summarize email threads from sales

Pull action items for the Q1 pipeline review

EmailTue 6:15 PM

Task List

Core

Prioritized todo list with grouping and checkboxes.

Board Meeting - Q4 Review

Wed, Jan 15
2:00 PM - 4:00 PM2hConference Room A
JW
DP
MS
Join

Event Card

Calendar

Calendar event with attendees, time, and location.

Team Standup

6:27 AM - 6:42 AM15m

Design Review

8:27 AM - 9:27 AM1h

Investor Call

11:27 AM - 11:57 AM30m

Event List

Calendar

Multi-event container with compact mode.

MacBook Pro 16-inch

MacBook Pro 16-inch

Apple M4 Max chip, 48GB memory, 1TB SSD. The most powerful MacBook ever.

$3,499.00
4.8 (2,847)

Product Card

Commerce

E-commerce product with image, price, and variants.

Order #ORD-2024-38291
Shipped
Estimated Delivery
Mar 22, 2026
Current Location
San Francisco, CA
Carrier: FedEx
Tracking: 7489203847561
Order Placed
Mar 18, 10:30 AM
Order Confirmed
Mar 18, 11:15 AM
Shipped
Mar 19, 2:20 PM
Memphis, TN
Out for Delivery
Delivered

Order Tracker

Commerce

Order status timeline from placed to delivered.

Confirmation #BK-482910

San Francisco to Tokyo

confirmed
Apr 15 - Apr 15, 2026
SFO Terminal 2, Gate G4
Muqsit Nawaz
AirlineANA
FlightNH107
ClassBusiness
Seat2K

Booking Card

Commerce

Travel or service booking with dates and QR code.

10:00:01.123info[api-server]Server started on port 8080
10:00:01.456info[db-pool]Connected to database cluster
10:00:02.789debug[monitor]Health check passed
10:00:05.234warn[db-pool]Slow query detected: 2.3s on users.find_by_email
10:00:08.567info[worker]Processing batch job: invoice_generation (142 items)
10:00:12.890error[mailer]Failed to send email: SMTP connection timeout after 30s
10:00:13.123warn[mailer]Retrying email send (attempt 2/3)
10:00:15.456info[mailer]Email sent successfully on retry
10:00:18.789info[worker]Batch job completed: 142/142 invoices generated
10:00:20.012debug[monitor]Memory usage: 847MB / 2048MB (41%)

Log Viewer

DevOps

Streaming log display with severity levels.

Production Deploy #847

Build1m 23s
Unit Tests3m 47s
Integration Tests
Staging Deploy
Production Deploy

Deploy Status

DevOps

CI/CD pipeline with build, test, and deploy stages.

Elevated API Error Rate

#INC-2847
highacknowledged

API error rate exceeded 5% threshold. P99 latency spike to 4.2s on /api/v1/users endpoints.

Affected Services
api-gatewayuser-serviceauth-service
Timeline
66d agoAlert triggered: API error rate > 5%
66d agoOn-call engineer acknowledged
66d agoRoot cause identified: database connection pool exhaustion
Created NaNd ago

Incident Card

DevOps

On-call incident with severity and affected services.

What is the time complexity of binary search on a sorted array?

Quiz Card

Education

Multiple choice quiz with answer reveal.

Distributed Systems
Front
What is the CAP theorem?
Click to flip

Flashcard

Education

Flippable study card with front and back.

Full-Stack AI Engineering

Course Progress

Education

Learning path with modules and completion.

A
Alex Rivera504d ago
Q1 Planning Doc - Ready for Review3

Hey team, I've finished the Q1 planning document with our OKRs and key initiatives. Would love your feedback before we present to leadership...

Email Card

Email

Structured preview for email messages with attachments.

J
Jordan LeeImportant503d ago
Security review: OAuth scopes update2

We need to align on the updated scopes before the rollout on Friday. Here's the diff and a quick summary...

P
Priya NatarajanFYI503d ago
New onboarding mockups ready

Sharing the updated onboarding flow with the new permission modal states. Let me know if you'd like a walkthrough.

S
Stripe BillingArchive504d ago
Invoice available: January 2025

Your January invoice is ready. Total due is $3,284.00 and the payment method ending in 4242 will be charged.

Email List

Email

Multi-email view with reply and summarize actions.

Email Draft

Email

Composable email draft with send and save actions.

To:

Draft Card

Email

Preview card for unsent message drafts.

$2,499.00
succeededJan 3, 2025
AWS Infrastructure - January
Acme Corp[email protected]

Transaction Card

Finance

Payment and receipt display with line items.

$NVDA
NVIDIA Corporation
$892.45
+23.67(+2.73%)
Day's Range
$871.30
$898.20
Volume
48.2M
Market Cap
$2.2T
As of Mar 20, 2026, 4:00 PM ET

Stock Card

Finance

Stock ticker with price, change, and volume.

NVDA Earnings Performance
3 of 3 quarters beat estimates (100%)
Next Report
2026-05-28
QuarterReportedEstimateBeat/MissRevenue
Q2 2025$4.15$3.90
+$0.25 (+6.4%)
$30.0B
Q3 2025$4.82$4.50
+$0.32 (+7.1%)
$35.1B
Q4 2025$5.82$5.41
+$0.41 (+7.6%)
$39.3B
Earnings Beat Rate100%

Earnings Card

Finance

Quarterly earnings vs estimates display.

NVDA Profitability Metrics
Period: Q4 2025
Revenue
$39.3B
Gross Margin
73.0%
Net Income
$22.1B
EPS
$5.82
P/E Ratio
Price to earnings ratio based on trailing 12-month earnings
153.4x

Highlighted metrics show unusual values that may warrant attention

Financials Table

Finance

Financial metrics with multi-period comparison.

V
Vercel Inc.
INV-2026-0847
Sent
$499.00
Issued 5/21/2026
Due 6/20/2026
ItemQtyPriceTotal
Pro Plan — March 20261$20.00$20.00
Bandwidth overage (250 GB)250$0.40$100.00
Edge Functions — 5M invocations5$75.80$379.00

Invoice Card

Finance

Invoice with line items, status, and payment tracking.

Nobu Restaurant
Team dinner — Q1 offsite
Pending
$342.00
Meals
5/23/2026|
J
Jordan Lee
8 attendees. Q1 planning offsite dinner.

Expense Card

Finance

Expense report with category, receipt, and approval.

Margaret Thompson

MRN: MRN-004821

DOB

3/14/1958

Gender

Female

Primary Provider

Dr. James Wilson

Insurance

Blue Cross Blue Shield

Active Conditions

Type 2 DiabetesHypertensionOsteoarthritis

Allergies

PenicillinLatex

Patient Card

Healthcare

Patient summary with conditions and allergies.

Patient Intake Form

Please complete all required fields to register as a new patient in our clinical system.

YYYY-MM-DD

Patient Intake

Healthcare

Intake form for new patient registration.

scheduled
5/29/2026
05:27 AM(30m)

Patient

Margaret Thompson

Provider

Dr. James Wilson

Internal Medicine

Reason for Visit

Follow-up on blood pressure management

Notes

"Room 204, Building A"

Appointment Card

Healthcare

Medical appointment with provider and check-in.

Abnormal
Blood Pressure
138/88 mmHg
Normal: 90/60 - 120/80
Measured: 03:27 AM

Vitals Metric

Healthcare

Vital signs with trend and abnormal flagging.

Complete Blood Count (CBC)

ID: LAB-9921

Ordered by: Dr. James Wilson
Collected: 5/25/2026
Test
Value
Unit
Ref. Range
Status
WBC7.210^3/uL4.5 - 11.0NORMAL
RBC4.810^6/uL4.7 - 6.1NORMAL
Hemoglobin12.1g/dL14.0 - 18.0LOW
Platelets24510^3/uL150 - 400NORMAL

Lab Results

Healthcare

Lab panel results with reference ranges.

Metformin HCl

500mg • oral

Frequency

Twice daily with meals

Refills

3 remaining

Instructions

Take with meals to reduce GI side effects. Do not crush or chew tablets.

Warnings

  • May cause GI discomfort
  • Avoid alcohol
Dr. Dr. James Wilson
Started: 1/15/2025

Prescription Card

Healthcare

Medication with dosage and refill actions.

2:26-cv-01847active

Rivera v. TechCorp Inc.

CourtU.S. District Court, N.D. California
Client

Maria Rivera

Opposing Party

TechCorp Inc.

Filed On

1/15/2026

Next Deadline

6/5/2026

SM
Lead: Sarah Mitchell

Case Card

Legal

Legal case with docket, type, and next deadline.

New Matter Intake

Complete this form to initiate the conflict check and intake process.

Enter the full legal name of the client.

Email or phone number.

If applicable, for conflict checking.

Amount in USD.

Submitted

Matter Intake

Legal

New matter intake form for law firms.

Jun9Tue
motion2:26-cv-01847

Rivera v. TechCorp Inc.

5:27 AM

U.S. District Court, N.D. California

Dept/Courtroom Courtroom 4B, Federal Building

Judge Hon. Patricia Chen
Prep: in progress

Court Date

Legal

Court appearance with judge and prep status.

This Month
draft
Rivera v. TechCorp Inc.
128.0 hrs
At $450/hr • Total: $57,600
Goal: 160 hrs80%

Billable Hours

Legal

Billable hours with rate and target tracking.

Griggs v. Duke Power Co.

401 U.S. 424 (1971) (Supreme Court of the United States, 1971)

supporting

Employment practices with disparate impact on protected groups violate Title VII unless justified by business necessity.

Legal Citation

Legal

Case law citation with court and holding.

service Agreementexecuted

Master Services Agreement

Value$24,000,000
Parties
Phoenix Horizon, Inc.
CloudServe LLC
Key Dates & Info
Effective1/1/2026
Expires12/31/2027
Renewalauto
Governing LawState of California
Key Terms & Obligations
24-month termAuto-renewalNet 30 paymentSLA 99.9% uptimeMutual NDA included

Contract Summary

Legal

Contract with key terms and renewal dates.

For Sale

$1,850,000

$925/sqft

742 Evergreen Terrace

Mountain View, CA 94043
4bd
3ba
2,000sqft
House
Built 2018|7d on market
Solar PanelsEV ChargerSmart HomeOpen Floor PlanUpdated Kitchen
RT

Rachel Torres

(650) 555-0198

Property Card

Real Estate

Property listing with image, price, and details.

1200 Market St, Apt 4B

active
DK

David Kim

[email protected]

Monthly Rent

$3,200

Deposit

$6,400

Jun 1, 2025
May 31, 2026
99% elapsed5d remaining

Terms

Pets: No petsParking: 1 spot includedUtilities: Not included

Lease Card

Real Estate

Lease management with tenant, terms, and renewal.

MP

Maya Patel

Senior Software Engineer at Stripe

92Match
San Francisco, CA8y expLinkedIn
interviewforStaff Engineer
TypeScriptReactNode.jsPostgreSQLSystem DesignTeam Leadership
[email protected]+1 (415) 555-0142

Candidate Card

Recruiting

Candidate profile with match score and skills.

MP

Maya Patel

Staff Engineer

Technical
Wed, May 27
05:27 AM(60m)
https://zoom.us/j/123456789

Interviewers

JW
LK

James Wu, Lisa Kim

Prep Notes

"Focus on system design — distributed systems experience at Stripe. Ask about payment processing architecture."

Interview Card

Recruiting

Scheduled interview with interviewers and feedback.

Staff Software Engineer

Engineering--San Francisco, CA (Hybrid)
open

Lead the design and implementation of core platform infrastructure.

Type

Full-Time

Salary

220k--310k USD

Applicants

47

Requirements

  • 8+ years of software engineering experience
  • Strong systems design skills
  • Experience with distributed systems
  • Track record of technical leadership
Posted 14d ago

Job Posting

Recruiting

Open position with requirements and applicant count.

Sarah Chen

Sarah Chen

Linear
VP of Engineering
[email protected]
+1 (415) 555-0142
San Francisco, CA
EngineeringLeadership

Contact Card

Sales & CRM

Professional contact with social links and tags.

Acme Corp - Enterprise Annual

Proposal Sent65%
$120,000
J
Jennifer Wu
VP Engineering
[email protected]

Deal Card

Sales & CRM

CRM opportunity with value, stage, and probability.

Sales Pipeline

Qualified

2
$124,800
Acme Corp - Enterprise Plan
$120,000
S
Sarah Chen
TechStart - Team Plan
$4,800
M
Mike Ross

Proposal Sent

1
$360,000
GlobalBank - Custom Deploy
$360,000
S
Sarah Chen
Mar 25

Negotiation

1
$84,000
HealthCo - Annual License
$84,000
A
Alex Kim

Closed Won

1
$1,200
DevShop - Starter Plan
$1,200
M
Mike Ross

Pipeline Board

Sales & CRM

Kanban board with drag-and-drop columns.

MT
Michael TorresNew
VP of Operations
ScaleAI-Mid-Market
Lead Score84 - Hot
LinkedIn[email protected]
Signals
Visited pricing page 3 times this week4h ago
Downloaded AI Agents whitepaper1d ago
Company raised Series C ($150M)7d ago

Lead Card

Sales & CRM

Sales prospect with lead score and intent signals.

Enterprise Outbound Q1Step 2 of 5
Email
Michael Torres
[email protected]
Subject: Quick question about your AI workflow
OpenedMay 24, 5:27 AM
3 opens
1 clicks

Outreach Step

Sales & CRM

Email sequence step with open/click tracking.

M
Muqsit Nawaz@muqsitnawaz
Just shipped harness-ui 0.2.0 — 76 components across 13 verticals. The agent deliverable layer that nobody else is building. Not chat infrastructure. Not generic UI primitives. Interactive deliverables that agents render as actual work product.

Twitter Post

Social

Tweet preview with author and engagement metrics.

twitter_thread
Agent UI Thesis•3 tweets•Partially posted
1/387/280
Thread: Why every AI agent company is rebuilding the same 20 UI components from scratch
✓posted
2/3149/280
1/ ChatGPT shows text. Claude shows artifacts. But when agents do REAL work — scheduling, emailing, researching — they need interactive deliverables.
✓posted
3/3122/280
2/ That is why we built harness-ui. 76 components across Healthcare, Legal, Finance, Sales, Support, Recruiting, and more.
○draft

Twitter Thread

Social

Multi-tweet thread with post actions.

M
Muqsit Nawaz
Post to Anyone
Excited to announce harness-ui 0.2.0. 76 production-ready components designed for AI agent interfaces. Not generic UI — domain-specific components with bidirectional schemas. Healthcare. Legal. Finance. Sales. Support. 13 verticals covered.
242/20

LinkedIn Post

Social

LinkedIn post with author and engagement.

Create post
Draft
r/
r/reactjs
harness-ui: 76 React components built specifically for AI agent interfaces
74/300
Show /r/reactjs
We just open-sourced our component library. Unlike shadcn (generic primitives) or Streamlit (data dashboards), these are domain-specific components for what agents actually render as work output.

Reddit Post

Social

Reddit post with subreddit and flair.

TK-4821

Cannot access billing dashboard after upgrade

HighOpen

Customer reports 403 error when accessing /billing since upgrading to Pro plan yesterday.

SC
Sarah Chen[email protected]
Assigned to
AR
Alex Rivera
3h 59m
billingaccess-control
2h ago

Ticket Card

Customer Support

Support ticket with priority, SLA timer, and status.

Cannot access billing dashboard

3 messagesOpen
Today
SC
Sarah Chen03:27 AM
Hi, I upgraded to Pro plan yesterday but now I get a 403 error when trying to access the billing dashboard. Can you help?
AR
Alex Rivera03:57 AM
Thanks for reaching out, Sarah. I can see your account was upgraded. Let me check the permissions.
AR
Alex RiveraInternal04:02 AM
Checked with engineering — there is a known issue with permissions not propagating after plan changes. Escalating.

Conversation Thread

Customer Support

Threaded messages with agent and customer labels.

How would you rate the support you received?

Satisfaction Rating

Customer Support

CSAT, NPS, and emoji rating collection.

Escalation

High

esc-001

Ticket

Cannot access billing dashboard after upgrade

AR
FromAlex Rivera
ToEngineering — Billing Team
Reason

Known permissions bug requires engineering fix — not resolvable by support tier 1.

Customer Context

Pro plan customer since 2024. Upgraded yesterday. 403 on /billing. Has a board meeting Thursday needing invoice data.

Suggested Actions
Reset permissions cacheManually grant billing_admin roleFollow up within 2 hours
1h ago

Escalation Card

Customer Support

Handoff summary when AI escalates to human.

Continue

Wire components into a real agent.

QuickstartAPI ReferenceBrowse agents