# SawyerHood/draw-a-ui

Draw a mockup and generate html for it

Repository: https://github.com/SawyerHood/draw-a-ui
Canonical: https://ross.abutalabs.com/products/draw-a-ui
Homepage: https://draw-a-ui.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: ai, gpt, openai, react, typescript
Last push: 2025-07-26T17:12:18+00:00

## Health v2 (maintenance only)
Score: 42/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 33, release rhythm 35, longevity 73
- inputs: {"age_days": 1030, "days_push": 403, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 13583, forks 1622 (observed 2026-08-28T04:11:03.590362+00:00)

## What it is
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
- artifact type: application
- maturity: maintenance
- function: llm-inference, ui-components, web-framework
- domain: web-development, artificial-intelligence, frontend, developer-tools
- platform: browser
- tags: wireframe-to-code, gpt-4-vision, tldraw, nextjs, sketch-to-html, tailwind, nodejs, web-server

## Member repositories
- SawyerHood/draw-a-ui (main) score 42

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:03.590362+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:13:11.361193+00:00, confidence not recorded.
  - readme: https://github.com/SawyerHood/draw-a-ui (fetched 2026-08-28T04:11:03.590362+00:00, sha 42b06d4ccedc)
  - homepage: https://draw-a-ui.com (fetched 2026-08-29T08:08:12.443201+00:00, sha 2777da90727d)
- Data as of 2026-08-30T08:39:29.467469+00:00.