{"repo":"SawyerHood/draw-a-ui","free":true,"listed":false,"github":"https://github.com/SawyerHood/draw-a-ui","clone":"git clone https://github.com/SawyerHood/draw-a-ui.git","description":"Draw a mockup and generate html for it","language":"TypeScript","stars":13579,"topics":["ai","gpt","openai","react","typescript"],"license":"MIT","category":"ai-agents","readme_excerpt":"draw-a-ui This is an app that uses tldraw and the gpt-4-vision api to generate html based on a wireframe you draw. The spiritual successor to this project is Terragon Labs. This works by just taking the current canvas SVG, converting it to a PNG, and sending that png to gpt-4-vision with instructions to return a single html file with tailwind. Disclaimer: This is a demo and is not intended for production use. It doesn't have any auth so you will go broke if you deploy it. Getting Started This is a Next.js app. To get started run the following commands in the root directory of the project. You will need an OpenAI API key with access to the GPT-4 Vision API. Note this uses Next.js 14 and requires a version of node greater than 18.17. Read more here. Open http://localhost:3000 with your browser to see the result.","default_branch":null,"files":null,"tree":[],"storefront":"/r/SawyerHood","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/SawyerHood/draw-a-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}