All articles
·design-systemsdesign-toolsui-automationproduct-design

OpenAI's Open UI vs. Stitch and v0

OpenAI's Open UI spec takes a different bet than Google Stitch or Vercel v0. Here's what the open standard approach means for UI design workflows.

There's a version of the AI-generated UI story that goes like this: every big platform builds its own closed tool, designers route around them, and the ecosystem fragments into a dozen incompatible prompt-to-UI pipelines. Google Stitch outputs code you can't easily move. Vercel v0 is deeply tied to Next.js. Both are proprietary bets on a walled workflow.

OpenAI's Open UI project is a different animal entirely — and the distinction matters more than most coverage has acknowledged.

Not a Product. A Proposal.

Open UI isn't a design tool. It's a community group under the W3C umbrella working to standardize how UI components are defined across the web — names, behaviors, anatomy, accessibility expectations. The goal is to give browser vendors, framework authors, and design systems teams a shared vocabulary so that a "select" element or a "tabs" component means the same thing everywhere, not seventeen incompatible things.

That's a fundamentally different project than Stitch or v0, which are generation tools: you put in a prompt or a screenshot, you get out code. Open UI is working a layer below that — on the spec that would make generated code more portable, more interoperable, more trustworthy.

Think of it this way. Stitch and v0 are trying to close the design-to-code gap today, with AI doing the translation work. Open UI is trying to make the underlying components more coherent so that gap is smaller to begin with — for AI or humans.

Why the Spec Layer Actually Matters

If you've spent time in a mature design system, you know the naming problem. A component your team calls a "popover" is a "tooltip" in Material, a "floating panel" in another system, and something else entirely in the browser's native implementation. When AI tools generate UI, they inherit all this ambiguity — and they paper over it with confident-sounding code that doesn't quite match what your system expects.

Open UI's component research documents how component anatomy varies across existing design systems — looking at everything from Bootstrap to Fluent to Ant Design — to find consensus definitions. That research then feeds into actual browser proposals. The <selectlist> element that's currently in development across browsers? Open UI drove that conversation.

The practical implication: as Open UI's work gets adopted into browsers and design systems, AI generation tools like v0 or Stitch — or whatever comes next — will have better primitives to generate toward. Less ambiguity in the spec means less hallucination in the output.

Stitch and v0 Are Tools. Open UI Is Infrastructure.

This comparison gets muddled in a lot of coverage, so it's worth being precise:

  • Vercel v0 is a generative UI tool. Prompt in, React/Tailwind code out. Optimized for the Vercel stack. Useful if you're already there, limiting if you're not.
  • Google Stitch is a multimodal UI generator. Screenshots, prompts, and existing brand assets feed into generated UI components. Proprietary output, deeply tied to Google's ecosystem.
  • Open UI is a standardization effort. No generation. No prompt interface. Just researchers, browser engineers, and framework authors trying to agree on what components are.

The first two compete with each other. The third one could quietly make both of them better — or irrelevant to a generation of tools that build on solid, portable specs.

What This Means for Your Design System

If you maintain a design system, or if you're speccing components that eventually get handed off to engineers, Open UI's work should already be on your radar. A few things worth knowing:

Anatomy documentation is increasingly the standard. Open UI's approach — cataloging the named parts of every component — has influenced how Figma's component properties are structured and how design tokens get documented in modern systems. If your component docs don't break down internal structure (trigger, panel, overlay, etc.), they're behind.

Browser-native components are getting more capable. The <selectlist> work, the popover API (which Smashing Magazine and CSS-Tricks have both covered recently), the <dialog> element — all of these are Open UI-adjacent wins. Designing with these primitives rather than around them reduces the component debt your system carries.

Portability beats generation speed. The current allure of Stitch and v0 is velocity — get something on screen fast. But if that output is tied to a proprietary framework or component system, you're accumulating migration debt. Open UI-aligned components, by contrast, are designed to be portable across tools and stacks.

The Real Tension

Here's what nobody quite says out loud: OpenAI's participation in Open UI — they've had contributors involved in the spec work — sits awkwardly next to their broader move toward building products. An open standard that makes UI components interoperable and tool-agnostic is, structurally, in tension with a world where ChatGPT generates interfaces that route through OpenAI's APIs.

It's not a conspiracy. Open standards and proprietary products coexist all the time — Google contributes to web specs while running Chrome to its advantage. But it's worth being clear-eyed: Open UI's success would make the generation layer more competitive, not less. If components are well-defined and portable, there's less lock-in advantage to any single generation tool.

That's actually good for designers. It means the tools compete on quality of output, not on who owns the spec.

Where to Watch

Open UI is genuinely unglamorous work — component research documents, GitHub issues, W3C meeting notes. But it's the kind of infrastructure decision that looks obvious in retrospect. The teams building toward Open UI alignment now will spend less time rebuilding when AI-generated UI becomes a standard part of their pipeline.

The Open UI component explorer and GitHub repository are the primary places to track this work. If you contribute to a design system, their research docs are worth bookmarking — not because they'll change your workflow tomorrow, but because they're shaping the vocabulary your tools will speak in two years.

Stitch and v0 are racing to close the gap. Open UI is quietly deciding what's on the other side.


Sources: Open UI project, CSS-Tricks on Popover vs Dialog, Open UI GitHub, Smashing Magazine, Sidebar.io