← all repositories
nraiden/openv0

openv0: AI UI generator that shipped, then sailed away

A generative component framework that lets you iterate on React and Svelte UI through a live preview pipeline—though the maintainer has already moved on.

3.9k stars TypeScript App BuildersCreative · Design
openv0
Velocity · 7d
+4.0
★ / day
Trend
steady
star history

What it does

openv0 is a local-first tool that generates UI components via AI, with a live preview loop for iteration. You describe what you want; it assembles React, Next.js, or Svelte code using open-source libraries like Shadcn, NextUI, and Flowbite, plus Lucide icons. The output is real code you can keep, not a locked-in canvas.

The interesting bit

The architecture is a multipass pipeline where each pass is an independent plugin—think compiler passes, but for UI generation. That modularity is the actual bet: swap in a new validation step, swap in a different framework target, without rewiring the whole flow. The README promises docs for adding your own integrations; those docs are still listed as “soon.”

Key highlights

  • Supports React, Next.js, and Svelte; UI libraries include Shadcn, NextUI, and Flowbite
  • Multipass plugin pipeline: each generation step is self-contained and replaceable
  • Live preview webapp runs locally at localhost:5173 after an npx install
  • Requires manual unzipping of a vector DB and an OpenAI key to run from source
  • ~3,900 stars, but explicitly no longer maintained; successor is Cofounder

Caveats

  • Abandoned. The README banner says it plainly: openv0 is unmaintained, and the author points to Cofounder as the new project
  • Setup has friction: vector DB zip extraction, .env wiring, and separate server/webapp startup steps
  • “Next updates” listed in the README (public share app, multimodal UIray model) are presumably canceled

Verdict

Worth a quick clone if you’re researching generative UI architectures or want to fork a plugin-based pipeline. Not worth building a product on—use the successor, or treat this as a readable graveyard of design decisions.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.