HTML to Jade is a free online converter that transforms HTML markup into Jade/Pug template syntax directly in your browser. Since Pug is the modern name for Jade, this tool is useful for developers who want to move existing HTML markup into Pug-based projects without manually rewriting every element.
The HTML to Jade converter converts supported HTML tags, attributes, text, and nested structures into Pug-style indented output. This makes it easier to use existing HTML content as a starting point for Pug templates.
You can paste HTML, import a file, load a sample, or fetch supported public content before converting it. The generated Pug-style code can then be copied or downloaded as a .jade file.
Paste your HTML markup into the editor, import an HTML file, load sample content, or use the available Fetch URL option.
Run the converter to transform your HTML into Pug-style indented syntax. The conversion provides a useful starting point for projects that use Pug templates.
Check the generated structure and make any project-specific adjustments. Pug features such as mixins, includes, variables, and custom template logic may need to be added manually.
Copy the converted output or download it as a .jade file for use in your development project.
.jade outputIf you already have HTML partials or page markup, the convert HTML to Pug workflow can provide a quick starting point for migrating that markup into a Pug-based project.
The HTML to Pug converter can transform supported HTML structures into Pug syntax, reducing the need to manually rewrite repetitive tags and nesting.
Because Pug was previously known as Jade, developers may still encounter projects and files using the .jade extension. The HTML to Jade converter can help prepare HTML markup for these workflows.
Beginners can use HTML Pug Online to see how familiar HTML elements are represented using Pug's indentation-based syntax. This can make the relationship between HTML nesting and Pug structure easier to understand.
Jade was renamed to Pug, and Pug is now the modern name used by the project. You may therefore see the terms HTML to Jade, HTML to Pug, and HTML-to-Pug conversion used for similar workflows.
The generated output is Pug-style template text that can be adapted to your project's requirements.
The converter focuses on transforming HTML markup into a Pug-compatible starting structure. Common HTML elements, attributes, text, and nesting can be represented using Pug's concise syntax.
For example, traditional HTML such as:
<div class="card"> <h2>Hello World</h2> <p>Welcome to our website.</p></div>
can be represented in Pug-style syntax as:
.card
h2 Hello World p Welcome to our website.
This indentation-based structure is one of the main reasons developers use Pug.
Generated code should always be reviewed before being added to a production project. Complex HTML may require manual adjustments, particularly when it contains advanced attributes, scripts, embedded components, or project-specific template logic.
The converter is intended to provide a practical starting point rather than automatically recreate every possible Pug feature.
With HTML Pug Online, you can perform quick conversions without first installing a local HTML-to-Pug conversion package.
Paste your markup, convert it, review the output, and copy or download the resulting Pug-style template text.
For larger projects, you can then continue refining the generated code inside your normal Pug development environment.
The conversion uses a short-lived server request to process the HTML. The API applies an input size limit to keep the conversion manageable.
Tools Viewer does not keep your markup after the conversion response.
For sensitive or production source code, review your organization's requirements before submitting content to any online conversion service.
HTML to Jade supports:
.jade file downloadThe tool is primarily intended for converting HTML markup into a useful Jade/Pug template starting point.
Compile Pug back to HTML with Jade to HTML.