Vercel Labs' UI SDK Gives AI Agents 50+ Open Source Building Blocks
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.
Comments
