Pagedraw

Pagedraw is a Sketch/Figma-style UI builder that generates production-ready React JSX. Users visually design interfaces via drag‑and‑drop components and get exportable React components. Though production support ended and it’s deprecated, the open-source release preserves its innovative design‑to‑code approach.

Features

Drag-and-drop WYSIWYG UI design tool
Exports clean, readable React JSX
Supports component nesting and styling
Simple web demo available for hands-on use
Design workflow comparable to Sketch/Figma
Open-source, ideal for experimentation

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Pagedraw

Pagedraw Web Site

Other Useful Business Software

$300 Free Credits to Build on Google Cloud

New customers can spin up VMs, build with AI, and query data at no cost.

Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.

Start Free

Rate This Project

User Reviews

Be the first to post a review of Pagedraw!

Additional Project Details

Programming Language

CoffeeScript

Related Categories

CoffeeScript Code Generators

Registered

2025-07-09

Similar Business Software

Retool

Retool is the AI-native enterprise app development platform where teams build and ship production-ready apps — at AI speed, with enterprise governance built in. Describe what you need and get a working app, import React-based apps from Lovable, Replit, or Claude Code, or connect your AI agent...

See Software
JetBrains Junie

Junie is an AI-powered coding agent developed by JetBrains designed to enhance developer productivity by integrating directly into popular IDEs such as IntelliJ IDEA, PyCharm, and Android Studio. It supports developers by assisting with code completion, testing, and inspections, ensuring code...

See Software
Google AI Studio

Google AI Studio is a unified development platform that helps teams explore, build, and deploy applications using Google’s most advanced AI models, including Gemini 3.5. It brings text, image, audio, and video models together in one interactive playground. With vibe coding, developers can use...

See Software
Replifine

Replifine is an AI-powered UI cloning tool that turns screenshots, wireframes, Figma designs, or app references into pixel-perfect, production-ready frontend code. Users can upload a UI image, choose a preferred model and framework, and then get an export-ready code component that is ready to...

See Software
HeroUI

HeroUI is an AI-powered platform that enables users to generate production-ready React applications by simply providing prompts or screenshots. Built upon the open source HeroUI library, which boasts over 23,000 GitHub stars and 600,000 downloads, HeroUI combines design and code into a unified...

See Software
Tempo

Tempo is an AI-powered platform that accelerates React application development by enabling designers and developers to collaborate seamlessly using a single source of truth. Its drag-and-drop editor allows users to edit React code visually, facilitating effortless design and precise control over...

See Software