repowiserepowise

Library

vercel-labs / ui

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

★ 4,308stars on GitHubTypeScriptApache-2.0
Install uiView on GitHub★ 4.3kSee this for your own repoAsk this codebase

Repowise maps public repos from their source. Not affiliated with vercel-labs. What is Repowise?

github.com/vercel-labs/uiIndexed at 724a7d6

What is ui?

ui is a library of behaviors for agents to build the next generation of user interfaces. It provides keyboard navigation, focus, selection, dismissal, popups, and drag and drop, along with the ARIA attributes they need. The core is written in TypeScript and has adapters for React, Vue, Svelte, Solid and Web Components. To install it, run npm install @ui-sdk/react @ui-sdk/core and follow the steps below. Its code health is 8.6 out of 10 (Excellent), ranked #21 of 4,000+ indexed repos. The last commit to ui was on Nov 13, 2026, and 3 people have contributed.

As of commit 724a7d6, indexed Nov 14, 2026. What it is comes from a model reading the README; the rest is measured from the source and git history, not from the maintainer.

For agentsui.md

Repo facts: type, license, health, rank, contributors
ui facts
TypeLibrary
LicenseApache-2.0
Code health8.6 / 10 (Excellent)
Health rank#21 of 4,000+ indexed repos
Last commitNov 13, 2026
Contributors3
Bus factor1
Size6,358 files, 468,506 lines

Install ui

Commands copied from the README

  1. 1Install core and the React adapter from npm.
    npm install @ui-sdk/react @ui-sdk/core
  2. 2Add the UI SDK skill for your agent.
    npx skills add vercel-labs/ui --skill ui-sdk

Full install notes on GitHub

Explore ui

Ask about this code in your agent

This connects Repowise to ui's code. It does not install ui. To install ui, use the install steps.

Useful if you want to change or fork ui: your agent can ask how it is put together and get answers that cite its files.

Show the connect command (Claude Code, Cursor, Codex, VS Code)

Run it in a terminal, then type /mcp in Claude Code and sign in with Repowise. No key to paste.

Docs
bash
claude mcp add --transport http repowise https://api.repowise.dev/mcp/vercel-labs/ui
Claude Code, Claude, Cursor and VS Code sign you in on first use, free. Codex and Windsurf need an API key: sign in to create one.Sign in for a key

This repo is public, so anyone with a free Repowise account can connect.

Try asking

  • get_risk(["packages/core/src/page/agent/agent.ts"])
  • get_answer("how is ui put together?")
  • get_why("why is ui structured this way?")

Ask about ui

Answers come from ui's README and source, with the files they cite. Two free answers a day without an account.

Featured answer

Give me an overview of ui

ui, published as vercel-labs/ui, is a library of behaviors for agents to build the next generation of user interfaces. It provides keyboard navigation, focus, selection, dismissal, popups, and drag and drop, along with the ARIA attributes they need. The core is written in TypeScript in packages/core, with the entry point packages/core/src/index.ts, and framework adapters such as packages/svelte/src/index.ts, packages/vue/src/index.ts and packages/solid/src/index.ts connect those behaviors to React, Vue, Svelte, Solid and Web Components. A component is built by creating a primitive with behaviors, and createParts renders it into parts such as Root, Input and Clear, with the same parts produced in every supported framework. The repository holds 6358 files across four layers: Application (971), Service (401), Config (41), and Docs & Tooling (3735). To start reading, open packages/core/src/index.ts for the behaviors, then a framework adapter, and run apps/playground/src/main.ts or browse apps/docs for documentation.

Files per layer in ui4 layers.

Basis: Inferred · knowledge graph· as of 724a7d6

Want this for your own codebase? Map your repo free

About this page

Get a page like this for your own codebase

Repowise built this map of vercel-labs/ui from its source and git history. It parses every symbol, draws the dependency graph, scores each file's health from complexity, duplication, coverage and churn, finds hotspots and owners in the history, and writes documentation for every module. Your coding agent reads the same index over MCP, so its answers cite real files.

Free for 2 public repos, with a page like this one. No card. See how Repowise works

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed. Star Repowise on GitHub

vercel-labs/ui FAQ

What is ui?

ui is a library of behaviors for agents to build the next generation of user interfaces. It covers keyboard navigation, focus, selection, dismissal, popups, and drag and drop, along with the ARIA they need.

What language is ui written in?

ui is written mainly in TypeScript. The codebase also includes Svelte and Vue files.

How is the ui code organized?

ui keeps its core library and framework adapters in packages, including packages/core/src/index.ts and packages/svelte/src/index.ts. Apps such as apps/docs and apps/playground sit alongside them.

Who is ui for?

ui is for agents to build user interfaces. It supplies the behaviors those interfaces need, such as focus, selection and dismissal.

What license does ui use?

ui is licensed under Apache-2.0. That license identifier applies to the project.

Code health

8.6out of 10Excellent

Hotspots average 7.7, the place fixes pay off most.

Full health report

On the leaderboards:#10 of 60 TypeScript repos

Key features of ui

  • Provides keyboard navigation, focus, selection, dismissal, popups, and drag and drop in the core package.
  • Includes the ARIA attributes that these behaviors need.
  • Offers adapters for React, Vue, Svelte, Solid and Web Components.
  • Renders the same parts in each framework through createParts.
  • Ships an agent skill that can be added with npx skills add.

How vercel-labs/ui works

Behaviors are implemented in the core package, whose entry point is packages/core/src/index.ts. Framework adapters such as packages/svelte/src/index.ts, packages/vue/src/index.ts and packages/solid/src/index.ts connect those behaviors to each framework. A component is built by creating a primitive with behaviors, and createParts renders that primitive into parts such as Root, Input and Clear. The apps/playground/src/main.ts entry point runs the playground app, and apps/docs holds the documentation site. The same parts are produced in every supported framework.

The codebase has 6,358 files and 21,510 symbols in 6 modules, led by TypeScript, Svelte and Vue. Code health is 8.6 out of 10, rated excellent.