ZeroServer.tools

Pug to HTML

Convert Pug (formerly Jade) templates to HTML — tags, classes, IDs, attributes, and text nodes.

Pug Input

HTML Output

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
  </head>
  <body>
    <h1 id="main" class="hero">Hello, Pug!</h1>
    <p class="intro">This is a paragraph.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
    </ul>
    <a href="https://pugjs.org" target="_blank">Pug docs</a>
    <input type="text" placeholder="Enter text" />
  </body>
</html>

What is Pug (formerly Jade)?

Pug is a high-performance template engine for Node.js inspired by HAML. It eliminates closing tags and angle brackets — h1.title Hello becomes <h1 class="title">Hello</h1>. Popular in Express.js apps, Pug supports mixins, loops, and conditionals. This converter handles static Pug structure: tags, classes, IDs, parentheses-style attributes, and text nodes. Dynamic features (=, -, each, mixins) are shown as HTML comments.

Private & free — this tool runs entirely in your browser.