A library of behaviors for agents to build the next generation of user interfaces.

/wait-what

Say we give an agent a Select component. It can build a Select. Makes sense, right?

But what if, instead, we gave it the pieces that make up a Select? The popup (createPopup), choosing from the list (createSelection), and finding an option by typing (createTypeahead).

Now not only can it build a Select, but it can build an autocomplete, a combobox or even a new component we haven’t thought of yet.

That’s.

We abstracted the complex interactions of user interfaces into reusable behaviors. And we taught agents how to build and how to use them.

Read the Docs
anchor widthStagingDevelopmentStagingProductionProductionPRO123Select · 1:1

Behaviors? What are those?

They are the pieces that make a component work: keyboard navigation, focus, selection, popups, drag and drop, and screen reader support.

  • createRovingFocusArrow keys move through a list, with one Tab stop.
  • createTypeaheadType a few letters to jump to an item.
  • createPopupOpens next to its button and stays on screen.
  • createSelectionPick one or many, with Shift and Ctrl like a file manager.
  • createReorderSort a list with a pointer or the keyboard.
  • createResizeResize boxes from their handles.
  • createViewportPan and zoom a canvas.
  • createVirtualizerRenders only the rows you can see.

We built 50+ behaviors for your agents.

How do I use behaviors to build components?

You don’t. Ask your agent. We made them really good at it. The agent picks the behaviors it needs and puts them together in your framework.

We built a component library to get you started.

Every component is made from the same behaviors and works in React, Vue, Svelte, Solid and Web Components.

Color Picker

Pick a colorDrag or type a value

Token Input

Write a promptAdd files, skills, a model

Number Input

Pick a numberType it, tap or dragthe ruler

Switch

Turn things on and offTap a switch

Resizable

Resize the panelsDrag the line

Slider

Command

Search everything

Type, then tap a result

Accordion

One section open at a timeTap a title to open it

Rating

Rate itTap a star

Segmented Control

Pick one optionTap to switch

Calendar

Pick your datesTap a start, then an end

Tabs

Switch tabsTap one to open it

OTP Input

Enter the code we sentPasting it works too

Tree

Open a folderTap to open or close it

Toolbar

Format the textTap a button to turn it on

We taught agents to generate any interface from behaviors.

Add the UI SDK skill to your agent. It learns all the behaviors and how they fit together. It writes less code and gets more of it right.

And we made them really good at using what they build.

They read the page and work the controls directly, without screenshots. That makes them more than twice as fast, at less than half the cost.

Start building.
Browse Components