Jade to HTML / HTML to Jade

Jade to HTML Converter (and HTML to Jade)

Jade is the original name of the template language now called Pug. Thousands of older Express, Harp and Grunt projects still contain .jade views, and when you need to move such a page to a different stack, a static host or a CMS, the fastest path is to turn the template into regular HTML. This tool does exactly that, and it also works the other way round when you want to bring an HTML snippet into a Jade codebase.

How the conversion works

The converter reads your template line by line. Indentation defines nesting, the first word is the tag name, and #id / .class shorthand creates attributes. Attribute lists in parentheses, inline text, piped text (| ...), dot blocks (script.), block expansion (li: a Home) and comments are all supported. The legacy !!! 5 doctype shortcut from early Jade versions is recognised too and becomes <!DOCTYPE html>.

What you get

• Readable HTML with two- or four-space indentation, or a compact single-line version when pretty printing is off.
• Void elements such as img, input and meta without closing tags.
• A report of skipped logic – conditionals, loops, mixins and includes cannot be evaluated without your data, so they are listed in a closing comment instead of being silently lost.

Migrating a legacy project

A good workflow is to convert each view, compare it with the rendered page in the browser, and then reintroduce dynamic parts in your new templating system. If you are staying with the language, switch to the HTML to Jade mode to generate fresh templates — the output is also valid modern Pug. For a quick visual check, paste the HTML result into the HTML Viewer, or tidy it with the HTML Beautifier.