Developer Tools
Convert simple HTML markup into Jade-style template syntax.
Use this HTML to Jade converter to turn common HTML structures into Jade-style shorthand syntax. It is useful for quick template migration, learning how HTML maps into indentation-based template markup, and converting simple snippets for experimentation, cleanup, or documentation.
Use this HTML to Jade converter to turn common HTML structures into Jade-style shorthand syntax. It is useful for quick template migration, learning how HTML maps into indentation-based template markup, and converting simple snippets for experimentation, cleanup, or documentation.
Use html to jade when you need a fast browser-based result without extra setup. It works well for quick checks, one-off tasks, and routine formatting or calculation work.
Read step-by-step usage guidance, best practices, and common mistakes.
See common questions and answers about input, output, and tool usage.
Review practical input and output examples before running the tool.
Find similar and supporting tools for adjacent actions and follow-up tasks.
Input
<div><h1>Hello</h1><p>World</p></div>
Output
div h1 Hello p World
Useful for seeing how nested HTML becomes indentation-based syntax.
Input
<ul><li>One</li><li>Two</li></ul>
Output
ul li One li Two
Shows how list markup maps into Jade-style nesting.
Fix: Use it mainly for simple HTML and review complex structures manually.
Fix: Check broken tags or invalid nesting before converting.
Fix: Treat the result as a quick conversion starting point, not a final parser-grade migration.
It converts simple HTML markup into Jade-style indentation-based syntax.
Jade was renamed to Pug, but many people still search using the older Jade name.
No. Simple markup converts best, while complex cases often need manual review.
Yes. That is one of the most useful reasons to use this tool.
It is better as a quick helper for simple snippets than as a full migration engine.