Pug to HTML Converter

Convert Pug (formerly Jade) template syntax to HTML. Expand indentation-based syntax to standard HTML tags.

2.2Kuses
8.5/10(310)
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>My Page</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <header id="main-header">
            <nav class="navbar">
                <a class="logo" href="/">Home</a>
                <ul class="nav-links">
                    <li>
                        <a href="/about">About</a>
                    </li>
                    <li>
                        <a href="/contact">Contact</a>
                    </li>
                </ul>
            </nav>
        </header>
        <main class="container">
            <h1>Hello World</h1>
            <p class="intro">This is a paragraph with a class.</p>
            <div class="card">
                <h2>Card Title</h2>
                <p>Card content goes here.</p>
                <img src="image.jpg" alt="An image" />
            </div>
        </main>
        <footer>
            <p>Copyright 2024</p>
        </footer>
    </body>
</html>

How to Use

  1. Paste your Pug/Jade template code.
  2. HTML output is generated with proper tags and nesting.
  3. Copy the HTML output.

Note: This handles common Pug features (tags, classes, IDs, attributes, nesting). For advanced features like mixins and includes, use the official Pug compiler.

Disclaimer:This tool is provided β€œas is” for informational and educational purposes only. Results may not be 100% accurate. ToolBird makes no warranties, express or implied, regarding the accuracy, reliability, or completeness of any output generated by this tool. This tool does not constitute professional, legal, financial, medical, or tax advice. Always consult a qualified professional for important decisions. By using this tool, you agree that ToolBird and its operators shall not be held liable for any damages, losses, or consequences arising from the use of this tool or reliance on its results. All processing occurs in your browser β€” we do not store, transmit, or access your data. Use at your own risk.