/openv0

AI generated UI components

Primary LanguageTypeScriptMIT LicenseMIT

openv0

openv0 is a generative UI component tool

It allows you to AI generate and iterate on React+Tailwind components, with live preview. openv0 makes use of library components from shadcn/ui and icons from lucide-icons/lucide

The open-source project is inspired by vercel's v0.dev, which, at the time of writing, is still on private waitlisted alpha

Say hi @n_raidenai 👋

Demo

openv0_demo.webm

Install

  • Open your terminal and run
npx openv0

It will download openv0 and install dependencies (alternatively, you can also clone this repo and install manually)

  • Replace your OpenAI API key in openv0_server/.env
  • Start the local server + webapp
    • start server cd openv0_server && node index.js
    • start webapp cd openv0_vitereact && npm run dev
  • Open you web browser, go to http://localhost:5173/

That is all. Have fun 🎉

How It Works

Here is a simple explanation

openv0_process