# Pagedraw/pagedraw

a UI builder for React web apps

Repository: https://github.com/Pagedraw/pagedraw
Canonical: https://ross.abutalabs.com/products/pagedraw
Homepage: https://pagedraw.io/
Language: CoffeeScript
License: MIT
License Family: permissive
Last push: 2023-01-12T01:49:13+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2790, "days_push": 1330, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3561, forks 458 (observed 2026-08-28T04:08:09.806364+00:00)

## What it is
Pagedraw is a WYSIWYG design tool, similar to Sketch or Figma, that compiles visual designs into production-quality JSX/CSS code for React (and formerly Angular) web apps. It ships as a desktop app plus a CLI that writes generated components into your project, and is now open source but no longer under development.

## Use cases
- turn mockups into React JSX code
- design UI visually and export React components
- import Sketch or Figma designs into code
- generate CSS without writing it by hand
- prototype React screens with a drag-and-drop editor

## When to choose
- you want to study or fork a design-to-code compiler
- you already have .pagedraw.json files to keep editing
- you need a reference for WYSIWYG-to-JSX generation approaches

## When to avoid
- you need a maintained tool for production React development
- you want active community support or bug fixes
- you're starting a new project - the authors recommend just using JSX directly

## Facets
- artifact type: application
- maturity: abandoned
- function: ui-components, frontend-framework, compiler, gui, cli
- domain: web-development, frontend, developer-tools, web-design
- platform: -
- tags: design-to-code, wysiwyg-editor, react-codegen, jsx-generation, figma-import, sketch-import, discontinued, macos, desktop, nodejs, web

## Member repositories
- Pagedraw/pagedraw (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:09.806364+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-29T18:34:12.692586+00:00, confidence not recorded.
  - readme: https://github.com/Pagedraw/pagedraw (fetched 2026-08-28T04:08:09.806364+00:00, sha adffb889122f)
  - homepage: https://pagedraw.io/ (fetched 2026-08-29T09:28:19.440780+00:00, sha 69e419312a71)
  - site_page: https://documentation.pagedraw.io/ (fetched 2026-08-29T09:28:19.449784+00:00, sha 9e35689ed2b3)
  - site_page: https://documentation.pagedraw.io (fetched 2026-08-29T09:28:19.453486+00:00, sha 9e35689ed2b3)
  - site_page: https://pagedraw.io/pricing (fetched 2026-08-29T09:28:19.451610+00:00, sha fc6b0c418d9a)
- Data as of 2026-08-30T08:39:29.467469+00:00.