Skip to main content

Convert Jade to HTML

Convert Jade/Pug to HTML locally in your browser.

Tool workspace

Convert Jade/Pug to HTML in your browser. Practical subset (tags, ids, classes, attributes, nesting). Result is HTML source — not injected into the page. Pug/JS is not executed. Nothing you paste is uploaded.

How it works

Paste Jade/Pug—the result updates as you type.

Conversion runs entirely in your browser with a practical Jade/Pug subset aligned with Convert HTML to Jade: element tags, #id and .class shorthand (including div omission), remaining attributes in parentheses, nested children with two-space indentation, text nodes (`| text` or inline), void elements, and `//` comments. Event-handler attributes are rejected. Pug/JS is never executed. The result is HTML source in the output box — it is never injected into the page or uploaded.

Empty input clears the result—no error. Unsupported syntax (mixins, includes, filters, interpolations) shows a clear error. This is not a full Pug/Jade implementation. Convert HTML to Jade is the reverse tool.

Examples

  • #app.box → <div id="app" class="box"></div>
  • h1 Hello → <h1>Hello</h1>
  • a(href="https://example.com") Docs → <a href="…">Docs</a>
  • ul / li one (indented) → nested <ul><li>…</li></ul>

Privacy

Privacy: this tool processes Jade/Pug locally in your browser. We do not log or store what you paste. Login is not required.

FAQ

Is my Jade uploaded?

No. Conversion runs entirely in your browser. We do not log or store what you paste.

Is this full Pug / Jade?

No. It covers a practical everyday subset for tags, ids, classes, attributes, nesting, and text. Mixins, includes, filters, and JavaScript are out of scope and are not executed.

Do I need an account?

No. All published tools work for guests without login.