Skip to main content
Every Tools

Convert HTML to Jade

Convert HTML to Jade/Pug locally in your browser.

Tool workspace

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

How it works

Paste HTML—the result updates as you type.

Conversion runs entirely in your browser with a practical Jade/Pug subset: element tags, #id and .class shorthand, remaining attributes in parentheses, nested children with two-space indentation, text nodes, void elements, and simple HTML comments. Script and style contents are omitted (tags may still appear empty). Event-handler attributes are skipped. The result is Jade/Pug source in the output box — it is never injected into the page or uploaded.

Empty input clears the result—no error. This is not a full Pug/Jade implementation (no mixins, includes, filters, or doctype sugar). Convert Jade to HTML is a separate tool.

Examples

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

Privacy

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

FAQ

Is my HTML 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, and filters are out of scope.

Do I need an account?

No. All published tools work for guests without login.

Related tools