Wireframe markup language

Sketch UI layouts in plain text

WireTex is a compact, markdown-like syntax for wireframes. Write markup, preview styled layouts instantly, and swap themes — no design tool required.

Line-oriented syntax

Headings, inputs, buttons, cards, tables, and more — each with a short token or block delimiter you can type from memory.

The sandbox parses on every keystroke and renders wireframe HTML with theme variables. Web and mobile device frames included.

Grammar in Peggy, AST to HTML renderer, swappable output. Same markup can target React, PDF, or anything else later.

# Sign in

---Welcome back---
Email
@@@___

Password
***___

[>Sign in<]
[!Forgot password!]
---

Welcome back

Password