Vercel Labs' UI SDK Gives AI Agents 50+ Open Source Building Blocks

Vercel Labs released UI SDK, an Apache 2.0-licensed open source library in public beta that packages more than 50 headless interaction behaviors — including createPopup, createSelection, createTypeahead, createRovingFocus and createReorder — for AI agents to compose user interfaces. A single framework-neutral core powers adapters for React, Vue, Svelte, Solid and Web Components via createParts, with accessibility, focus management, keyboard navigation and ARIA attributes built into each behavior by default. Agents can also operate the resulting UIs directly through MCP rather than screenshot-based browsing, and developers install it with npm install @ui-sdk/react @ui-sdk/core.

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 https://github.com/vercel-labs/ui?utm source=alphasignal , a headless library of 50+ behaviors for agents to compose UIs. - Instead of fixed components, it ships primitives like createPopup , createSelection and createTypeahead . - 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 https://github.com/vercel-labs/ui?utm source=alphasignal , 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 https://github.com/vercel-labs/ui?utm source=alphasignal 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: - createRovingFocus manages arrow-key navigation with one Tab stop. - createTypeahead adds jump-to-letter navigation inside lists. - createPopup manages anchored, dismissible overlays. - createSelection supports single and multiple selection with Shift and Ctrl modifiers. - createReorder handles 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.