Jade-Lang.com

An independent reference for the historical Jade template syntax.

Jade is a concise, indentation-based template syntax for generating HTML.

Instead of repeating HTML’s opening and closing tags, Jade lets you describe the structure of a document using indentation and a compact syntax.

Write less. Build faster.

Instead of writing verbose HTML, Jade lets you describe the structure of a page using a concise, indentation-based syntax.

doctype html

html
  head
    title= pageTitle

  body
    h1 Welcome
    p Build readable templates with less markup.

Jade templates can contain HTML structure, JavaScript expressions, attributes, conditionals, loops, reusable components, and more.

Learn the syntax

Whether you’re exploring Jade for the first time or looking for a quick syntax reference, this site covers the language feature by feature.

Language Reference

Learn the fundamentals, from HTML tags and attributes to variables, control flow and reusable templates.

Explore the Language Reference →

API

Learn how template engines can compile and render templates from Node.js.

Explore the API →

Command Line

Explore common workflows for compiling templates from the terminal.

View Command-Line Guide →

Why use an indentation-based syntax?

Traditional HTML can become repetitive quickly. Jade reduces that repetition by using indentation to express nesting.

ul
  li First item
  li Second item
  li Third item

The structure is immediately visible without needing a closing tag for every element.

Independent Jade resource

Jade-Lang.com is an independent educational and reference website about Jade and its historical template syntax.

It is not affiliated with or endorsed by the original Jade project or the Pug project.

What happened to Jade?

ade was the original name of a Node.js template language that was later renamed Pug. This site provides an independent reference for the historical Jade syntax and terminology. For current Pug development, consult the official Pug project.

Start learning

New to this language?

Start with Tags, then move through attributes, code, conditionals, iteration and template composition.