UI SDK

Vercel's library of UI behaviors for agents. Popups, selection, typeahead, focus, keyboard navigation, dismissal, drag and drop and their ARIA live in @ui-sdk/core; adapters render them in React, Vue, Svelte, Solid and Web Components. Ships 55 unstyled starter components (Accordi

  • Category
    ui-components
  • License
    Apache-2.0 (Vercel beta terms apply while it is in beta)
  • Added
    Nov 12

Install Vercel's UI SDK behaviors and give your agent its skill, then build selects, menus and new components on them.

Read the docsView source

Quick start

From the UI SDK docs. Check the source for the current version before you ship.

  1. Install core and the React adapter

    npm install @ui-sdk/react @ui-sdk/core

  2. Give your agent the UI SDK skill

    npx skills add vercel-labs/ui --skill ui-sdk

  3. Compose a select from its parts

    import {
  Select,
  SelectContent,
  SelectItem,
  SelectLabel,
  SelectTrigger,
  SelectValue,
} from "@ui-sdk/react/select"

<Select placeholder="Select a role">
  <SelectLabel>Role</SelectLabel>
  <SelectTrigger>
    <SelectValue />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="viewer">Viewer</SelectItem>
    <SelectItem value="editor">Editor</SelectItem>
  </SelectContent>
</Select>