Components for agent-powered products

20 documented components in Vanilla JS, React, Angular, and Flutter — built from one shared set of design tokens, so the look and behavior stay identical wherever you build.

Open the docs

Vanilla JS

No build step — drop it in

React

Requires React 19

Angular

Standalone, 17+

Flutter

Native Dart widgets

Agent status

Show what the agent is doing, how far along it is, and what it just did.

Status pillView
ThinkingView
Thinking statesView
Reasoning trailView
Agent phasesView
Reading Figma frames
Generating components
Writing tests
Running the suite
Radar
Dots
Ring
Bars
Step loaderView
Agent activityRunning
Action logView
Context meterView
Pricing researchBrowsing · 0:00
northwind pricing
northwind pricing
Northwind · Docs your team readsnorthwind.app
Northwind review: is it worth it?softwarenotes.io
Northwind alternativesstackcompare.com
Search "northwind pricing"
Open northwind.app
Click "Pricing"
Read the plans table
Extract prices
Browser sessionView
Web searchView
Trace viewView
Launch prep0 of 4 done
Running
Summarise the researchResearch agent · Read 12 notes3.1s
Read 12 notes
Cluster findings
Write the brief
Up next
Draft the launch emailCopy agent4.2s
Render the hero imageDesign agent2.4s
Schedule the postsSocial agentin ~4s
Nothing waiting
Done 0
Nothing done yet
Run queueView
Run costView
ToastView

Charts and tables

Compact ways to show numbers the agent produced or is tracking.

Stat cardsView

Dates

Switches and ranges for time and selection.

Segmented controlView

Forms and inputs

The building blocks people act through: buttons, badges, feedback.

ButtonsView
BadgeView
ProgressView
TooltipView