Free Online HTML to Pug Converter
The HTML to Pug Converter turns HTML markup into clean, indented Pug (formerly Jade) template syntax. Class and id shorthands, attributes, and nesting are all handled for you.
How to Use
Paste your HTML and click Convert. The Pug equivalent appears on the right, correctly indented and ready to paste into a template.
- class and id use the . and # shorthands
- Nested elements indent automatically
- Attributes render as (name="value")
- Void elements become self-contained tags
- Runs entirely in your browser
Why Pug?
Pug removes closing tags and angle brackets, which makes templates shorter and easier to scan. Whitespace is significant, so this converter indents every level consistently for you.
Related Developer Tools
You might also need
Tools from other categories that people pair with the HTML to Pug: