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

Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.

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
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. It brings text, image, audio, and video models together in one interactive playground. With vibe coding, developers can use natural language to...

See Software
JetBrains Junie

Junie is JetBrains' AI coding agent, built to be cost-efficient. It plans with a powerful model and implements with a faster one, so you spend fewer tokens per task while getting the same quality. On the independent SWE-Rebench benchmark, Junie resolves more real-world coding issues than other...

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