Skip to content

denyncrawford/openv0

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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
  • Make sure you have MongoDB on your system or provide your mongo uri in openv0_server/.env
  • Start the local server + webapp
    • Bulk shadcn components into the database cd openv0_server/modules/db/scripts && node bulk-shadcn.js
    • 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/

With Docker

docker-compose up --build -d

That is all. Have fun 🎉

How It Works

Here is a simple explanation

openv0_process

About

AI generated react+tailwind components

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • TypeScript 72.1%
  • MDX 15.7%
  • JavaScript 11.5%
  • Other 0.7%