Uploaded September 2023 | Updated September 2026, 2 weeks ago

---

Last week Vercel announced v0 - their AI code generator to create Tailwind and React components.

A few days later an open source alternative called openv0 was released.
Openv0 uses shadcn component library and Lucide to generate production ready React code.

In this video we dive into the code behind openv0 to learn how it uses OpenAI to generate production-ready components.

Openv0 on GitHub: github.com/raidendotai/openv0

Chapters:

00:00 - Demo of v0 and openv0
2:01 - Running the project
2:21 - Project structure
2:55 - Core AI logic to Generate Components
11:34 - Summary and Tips
13:04 - Wrap up

🎥 Get notified about future videos:

Join the newsletter: opensource.beehiiv.com/subscribe
Follow me on Twitter: twitter.com/elie2222

I also curate a list of open source projects to learn from at: github.com/elie222/learn-from-open-source

💌 I'm also building an open source email app that helps people reach Inbox Zero faster: getinboxzero.com