SawyerHood/draw-a-ui

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

13583 stars · 1622 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A Next.js web app that lets users draw UI wireframes on a tldraw canvas and generates HTML with Tailwind CSS from the sketch using the GPT-4 Vision API. It is a demo project, not intended for production use, and requires an OpenAI API key.

Use cases

• turn hand-drawn wireframes into html
• generate html from a ui sketch
• prototype web layouts by drawing mockups
• convert low-fidelity mockups to tailwind html
• demo of gpt-4 vision for ui code generation

When to choose

• you want to quickly turn rough sketches into working html prototypes
• you want to experiment with vision models for code generation
• you need a lightweight demo of sketch-to-code workflows

When to avoid

• you need a production-ready tool with authentication and security
• you need pixel-perfect or maintainable generated code
• you cannot use the OpenAI GPT-4 Vision API

Facets

application · maturity maintenance

llm-inference ui-components web-framework web-development artificial-intelligence frontend developer-tools browser wireframe-to-code gpt-4-vision tldraw nextjs sketch-to-html tailwind nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="SawyerHood/draw-a-ui")