Skip to content
Online Pug Editor
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Try Pug - Online Pug Editor

This webapp consists of three code-editing areas: pug on the left, JSON in the middle, and HTML on the right.

Write pug code in the left code-editing area, provide JSON as variable values in the middle code-editing area, and the HTML will be automatically generated on the right. The rednered HTML will appear below the code editors.

There is a drop-down list of examples at the top. By default, the hello example is loaded. When you chose a different example, it will be loaded automatically. This happens through a change in the windows hash. This means you can also acces an example directly by adding the hash following the webapp's address.

Build Locally

To build locally:

npm install
npm run build

Then open index.html in the dist directory.


You can’t perform that action at this time.