JADE to HTML Converter Online - Convert Pug/Jade Templates to HTML

Convert JADE / Pug Templates to HTML Online

The JADE to HTML Converter compiles JADE templates (now known as Pug) into clean, well indented HTML directly in your browser. Paste a template, optionally upload a .jade or .pug file, and the converted markup appears instantly with support for tags, classes, IDs, attributes, nested indentation, doctypes, and inline text.

What is JADE?

JADE was a popular indentation-based templating engine for Node.js that produced HTML through a terse, whitespace-sensitive syntax. In 2016 the project was renamed to Pug due to a trademark conflict, and modern releases use the new name. The legacy JADE syntax remains largely compatible with current Pug versions, so this converter handles both.

Example: JADE source

doctype html
html
  head
    title Hello
  body
    h1 Welcome
    p A short paragraph.

Resulting HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
  </head>
  <body>
    <h1>Welcome</h1>
    <p>A short paragraph.</p>
  </body>
</html>

Features

Real-time conversion with debounced rendering for large templates.
Pretty-printed HTML output with consistent indentation.
Supports tags, attributes, classes, IDs, mixins, iteration, and conditionals.
Works on Windows, macOS, Linux, Chrome, Firefox, Edge, and Safari.
Upload .jade or .pug files directly.
Copy or download the converted HTML with a single click.

How to use

Paste your JADE template into the input editor or upload a file.
The HTML output updates automatically below.
Use the toolbar buttons to copy, download, or expand the output.

Frequently Asked Questions

Is JADE the same as Pug?

Yes. JADE was renamed to Pug in 2016 due to a trademark dispute. The syntax is almost identical, and most JADE templates compile cleanly with the modern Pug compiler that powers this tool.

Does this convert JADE includes or external files?

The converter runs entirely in your browser, so it cannot resolve filesystem includes such as include header.jade. Inline the included content or paste each file separately to convert them.

Why am I seeing a parse error?

JADE/Pug is whitespace sensitive. Mixed tabs and spaces, unclosed parentheses around attributes, or missing colons on filters often surface as parse errors. The error panel shows the line and column to help you fix the issue.

Can I use mixins, iteration, and conditionals?

The browser-side converter focuses on static markup conversion: tags, classes, IDs, attributes, nested indentation, inline text, pipe text, doctypes, and HTML comments. Advanced runtime features such as mixins, each, if/else, and expression interpolation are not evaluated; expand them in your editor before pasting.

Is my template uploaded to a server?

No. Conversion happens in your browser using a JavaScript build of the Pug compiler. Your source never leaves your device.

Report Tool or Give Us Suggestions

Jade to HTML Converter