Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

raidendotai/openv0

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Note :

openv0 is no longer maintained , the new project is Cofounder


openv0

project website - openv0.com

openv0 is a generative UI component framework

It allows you to AI generate and iterate on UI components, with live preview.

  • openv0 makes use of open source component libraries and icons to build a library of assets for the generative pipeline.
  • openv0 is highly modular, and structured for elaborate generative processes
  • Component generation is a multipass pipeline - where every pass is a fully independent plugin

(say hi @n_raidenai 👋)

image


Currently Supported

  • Frontend frameworks
    • React
    • Next.js
    • Svelte
  • UI libraries
    • NextUI
    • Flowbite
    • Shadcn
  • Icons libraries
    • Lucide

The latest openv0 update makes it easier to integrate new frameworks, libraries and plugins.

Docs & guides on how to do so will be soon posted.

Next updates :

  • public explore+share web app on openv0.com (you can use the openv0 share API already)
  • multimodal UIray vision model (more details soon)
  • better validation passes, more integrations & plugins

Demos

Current version

openv0_component.mp4

Previous version

openv0_demo.webm

Install

  • Open your terminal and run
npx openv0@latest

It will download openv0, configure it based on your choices & install dependencies. Then :

  • Start the local server + webapp
    • start server cd server && node api.js
    • start webapp cd webapp && npm run dev
  • Open you web browser, go to http://localhost:5173/

That is all. Have fun 🎉


Alternatively - you can also clone this repo and install manually

To do so :

  • Clone repo, run npm i in server/
  • Unzip server/library/icons/lucide/vectordb/index.zip into that same folder
  • Configure your OpenAI key in server/.env
  • Web apps starter templates are in webapps-starters/
    • run npm i in the web app starter of your choice
    • make sure that WEBAPP_ROOT variable server/.env matches your webapp folder path
  • Start the server with node api.js and the web app with npm run dev

Try openv0

You can try openv0 (using React as a framework) with minimal configuration below

Replit

Run on Repl.it

StackBlitz

Run on StackBlitz


How It Works

Multipass Workflow

A simple explanation is the following image

openv0_process

Codebase

Youtube video by user @elie2222 explains parts of the previous openv0 code base

@elie2222

About

AI generated UI components

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  
Morty Proxy This is a proxified and sanitized view of the page, visit original site.