← All tools
// Code

HTML to Jade / Pug

Convert HTML to Jade/Pug template syntax instantly — no upload, no sign-up

HTML to Jade mascot
by
CHUNKY
MUNSTER

About HTML to Jade/Pug

What is Jade / Pug?

Pug (formerly Jade) is a whitespace-sensitive HTML template language. Instead of angle brackets you write tag names with attributes in parentheses and nest children using indentation. It compiles to standard HTML.

What is the class/ID shorthand?

In Pug, .foo is shorthand for div(class="foo") and #bar is shorthand for div(id="bar"). Combined: .card#main = div(class="card" id="main").

Does this convert Pug back to HTML?

No — this tool converts HTML → Pug only. Compiling Pug → HTML requires the Node.js Pug compiler. Run it locally with npx pug --pretty file.pug.

Why was Jade renamed to Pug?

"Jade" was trademarked by another software company, so the project was renamed to Pug in 2016. The syntax is identical.