Pagedraw

Pagedraw is a visual UI builder that converts mockups into functional React code, solving the problem of manually writing CSS and HTML. It targets developers who need to deliver high-quality code faster and integrate with existing React codebases. It is positioned as an open-source tool that generates semantic, authentic HTML without extra dependencies, and supports importing from Sketch and Figma.

Key features

• Draw React components visually
• Import mockups from Sketch or Figma
• Generate semantic, authentic HTML
• No extra dependencies or JS layout engine
• Sync designs with codebase via CLI
• Stress-test designs with real data
• Define responsive constraints
• Connect design to data
• Define reusable components