How it works
How to use the HTML to Jade
Paste HTML
A full page or a fragment.
Convert
IDs and classes become #id.class shorthands.
Copy the Jade
Or press Swap for Jade → HTML.
How HTML maps to Jade
<div id="a" class="b"> becomes #a.b, other attributes go in parentheses, short text stays on the same line and longer content is nested. Scripts and styles use block text (script.).
Built for developers
Why developers use it
Private by design
Runs 100% in your browser. Nothing you paste is uploaded, logged or stored on a server.
Instant results
Output updates as you type, with precise error locations when something is wrong.
Works offline
Once loaded, the tool keeps working without a connection. Install it as an app if you like.
Free, no sign-up
No accounts, no limits, no watermarks.
FAQ
Frequently asked questions
Is the output valid Pug?
Yes — it is plain Pug markup without logic, so any Pug version can render it.
Is my data uploaded anywhere?
No. Everything runs locally in your browser — nothing you paste or open is sent to a server, logged or stored. The tool keeps working offline once the page has loaded.
Keep going
Related tools
- Jade to HTMLConvert Jade / Pug templates to HTML
- HTML FormatterBeautify or minify HTML markup
- HTML ViewerPreview HTML live while you edit
- HTML ValidatorFind HTML errors and accessibility issues
- HTML MinifyMinify HTML safely
- HTML to JSX ConverterConvert HTML to React JSX
- CSV to HTML tableConvert CSV to HTML table
- Excel to HTMLConvert spreadsheets into HTML tables