reidbarber / gen-ui

Use text or image prompts to generate components and apps built with React.
11 stars 3 forks source link
assistants-api codesandbox gpt-4 gpt-4-vision openai react sandpack

GenUI

Use text or image prompts to generate UI components and apps built with React. Powered by OpenAI's Assistants API and CodeSandbox's Sandpack.

Screenshot of GenUI Studio with a timeline panel on the left, code in the middle, rendered example on the right, and prompt bar overlayed on bottom. Example shows a signup form being built.

Get Started

Get an OpenAI API Key

Create a .env.local file in the root of the project and add your OpenAI API key:

OPENAI_API_KEY=sk-...

Install

yarn install

Start the app

yarn dev

Open http://localhost:3000 to view it in your browser.

1. Create a new assistant