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

Demo Series - Small Business Backup By Veeam

Learn how to protect your Microsoft 365 data, with simple, actionable tips today.

Watch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.

Watch Demo Series

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

Securely deploy vibe-coded apps in one governed platform. Build in Retool, import from tools like Claude Code, Replit, or Lovable, or connect via MCP. However your team builds, every app ships safely, with governance built in. People across your organization are already vibe-coding internal...

See Software for Retool
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 for Google AI Studio
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 for Replifine
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 for HeroUI
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 for Tempo
Anima

Anima is a continuous design-to-code platform that allows designers to create and build fully-responsive prototypes that look and act like the end product while using their own design tool (Figma, Adobe XD & Sketch). Anima eases the handoff process to developers by automatically converting...

See Software for Anima