shadskii / openv0

AI generated react+tailwind components

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

AI generated react+tailwind components

License:MIT License


Languages

Language:TypeScript 75.1%Language:MDX 14.6%Language:JavaScript 9.7%Language:CSS 0.4%Language:HTML 0.1%