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

Train ML Models With SQL You Already Know

BigQuery automates data prep, analysis, and predictions with built-in AI assistance.

Build and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.

Try 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 an AI-powered platform that enables teams to build internal software, agents, and workflows faster using natural language and composable building blocks. It allows users to go from a simple prompt to a fully deployed application that works with their existing data, systems, and...

See Software
Windsurf Editor

The Windsurf Editor is a free AI-powered IDE and AI coding assistant that accelerates development by providing intelligent code generation and agents in over 70 programming languages and more than 40 IDEs, including VSCode, JetBrains, and Jupyter Notebooks. With Windsurf, developers can write...

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
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