Trending Society

Avatar | UI components | Trending Society

More from @knowns-ui, 101 components

All @knowns-ui

Accordion component
@knowns-ui
A stack of collapsible sections. One open, or several, with a full keyboard path.
Layout1 registry dep
Agent cursors component
@knowns-ui
Agents editing a document like multiplayer teammates: coloured live pointers with name, action and spend, suggestions typed in as tracked changes with accept, reject and Accept all, image resize, code edits, margin comments with a typing indicator, and a Table tab.
AI4 registry deps
Agent fleet component
@knowns-ui
Many agents at a glance: a row (or card) per main agent with model, task, state, spend and clock, totals on top, and a sub-agent tree that unfolds under it with approve and retry right in it.
AI8 registry deps
Agent graph component
@knowns-ui
Live graph of agents and the tools they call: tree, horizontal and center layouts, light streaks per call, detail popover.
AI5 registry deps
Agent handoff component
@knowns-ui
A relay of agents: who handed what to whom, with the context passed along, lost items, a light along the rail on each new hand-off, and forward reassignment by drag or keyboard.
AI6 registry deps
Agent lanes component
@knowns-ui
Where every agent is right now: a lane per agent, tasks growing into now, hand-offs and approvals on the block.
AI3 registry deps
Agent monitor component
@knowns-ui
One agent at work as a card: current step with a clock and cost, a time strip, finished steps with tool logos, the exact command when it needs your OK, and a folded bar.
AI6 registry deps
Agent plan component
@knowns-ui
The steps an agent intends to take, checked off live: step states, sub-steps, elapsed times, a progress bar, animated plan changes, Approve plan / Edit plan and a one-line collapsed view. Reads the run store or plain props.
AI4 registry deps
AI answer component
@knowns-ui
Streamed answer with steps, sources, numbered citations that preview their source, copy, regenerate, feedback and follow-ups.
AI4 registry deps
Alert component
@knowns-ui
An inline callout with info, success, warning and error tones, an optional title, one action and a dismiss button.
Feedback2 registry deps · 1 package
Animated number component
@knowns-ui
A number whose changed digits roll up or down to the new value: Intl formatting for currency, percent and decimals, tabular widths, instant with reduced motion.
Motion and effects2 registry deps
Answer pad component
@knowns-ui
The student's phone view of a live question: big tap targets for the choices, locked after one answer, with waiting, right and wrong states. The answer shows at once and is sent in the background; if sending fails it stays saved and goes again when the phone is back online.
Other2 registry deps

Avatar

Install

Live preview

Registry dependencies2

Packages0

Avatar

Install

Live preview

Registry dependencies2

Packages0

Source

More from @knowns-ui, 101 components

The Signal

Install

Live preview

Registry dependencies2

Packages0

Install

Live preview

Registry dependencies2

Packages0

Source

More from @knowns-ui101, 101 components

More from @knowns-ui, 101 components