Skip to content
Online Pug Editor
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
CNAME
README.md
package-lock.json
package.json
semantic.json
tsconfig.json
webpack.config.js

README.md

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.

Tech

You can’t perform that action at this time.