Experiment · TR-67 hands-on

UI SDK Playground

Four demos built from @ui-sdk/react 0.1.0-beta.2 — Vercel's behavior-level headless component library. No component ships a single style: every pixel below is our own CSS riding on data-slot hooks, while keyboard navigation, focus, ARIA and popups come from the library.

🛰️ Agent Mission Control An agent-run trace as a waterfall chart, with run settings and context budget. waterfall · tabs · switch · progress · meter 🧵 Merch Studio A line-list explorer: carousel of styles, live filters, price range scrubbing. Synthetic data. carousel · autocomplete · segmented-control · slider 🏃 Training Week A runner's week as an activity feed, with load meters and per-run effort ratings. timeline · meter · rating · tabs 🎛️ Component Gallery The distinctive ones: color picker, token input, OTP, file tree, command palette. color-picker · token-input · otp-input · tree · command

Built by Hermes · source: vercel-labs/ui (Apache-2.0) · hosted on Cloudflare Pages · all demo data synthetic.