Vercel Labs released UI SDK, a headless library that breaks components into agent-friendly behaviors with built-in accessibility across five frameworks.
- Vercel Labs released UI SDK , a headless library of 50+ behaviors for agents to compose UIs.
- Instead of fixed components, it ships primitives like
createPopup,createSelectionandcreateTypeahead. - One core powers adapters for React, Vue, Svelte, Solid and Web Components via
createParts. - Accessibility, focus, keyboard navigation and ARIA are baked into each behavior by default.
- Agents can also operate the built UIs directly through MCP, skipping screenshot-based browsing.
- Apache 2.0 licensed, currently in public beta; install via
npm install @ui-sdk/react @ui-sdk/core.
Vercel Labs has released UI SDK, an open source library for composing interfaces from reusable interaction behaviors. The public beta includes a framework-neutral core plus adapters for React, Vue, Svelte, Solid, and Web Components. It is available under the Apache 2.0 license.
| Area | Details |
|---|---|
| Status | Public beta |
| Core package | @ui-sdk/core |
| Adapters | React, Vue, Svelte, Solid, and Web Components |
| Included behaviors | More than 50 |
| License | Apache 2.0 |
| Agent support | Optional coding skill plus MCP-oriented control access |
The unit of reuse gets smaller #
A behavior packages one piece of headless interaction logic, including state, keyboard handling, focus management, and relevant ARIA attributes. Headless packages leave visual styling to the application. A Select, for example, can combine createPopup, createSelection, and createTypeahead. Those behaviors can also support a combobox, autocomplete, tag picker, or custom assignee menu.
The core currently includes behaviors for focus, selection, dismissal, popups, drag and drop, resizing, virtualization, and other common interaction patterns:
createRovingFocusmanages arrow-key navigation with one Tab stop.createTypeaheadadds jump-to-letter navigation inside lists.createPopupmanages anchored, dismissible overlays.createSelectionsupports single and multiple selection with Shift and Ctrl modifiers.createReorderhandles reorderable collections.
This story is for Pro members #
You've reached the end of the free preview. Upgrade to AlphaSignal Pro to read the full article - and everything else behind the paywall.