Need advice about which tool to choose?Ask the StackShare community!

Hogan.js

312
51
+ 1
3
Pug

1.1K
1.1K
+ 1
444
Add tool

Hogan.js vs Pug: What are the differences?

What is Hogan.js? A compiler for the Mustache templating language. Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.

What is Pug? Robust, elegant, feature rich template engine for nodejs. This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

Hogan.js and Pug can be primarily classified as "Templating Languages & Extensions" tools.

"Lightweight" is the primary reason why developers consider Hogan.js over the competitors, whereas "Elegant html" was stated as the key factor in picking Pug.

Hogan.js and Pug are both open source tools. Pug with 18.4K GitHub stars and 1.9K forks on GitHub appears to be more popular than Hogan.js with 5K GitHub stars and 437 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Hogan.js
Pros of Pug
  • 3
    Lightweight
  • 134
    Elegant html
  • 89
    Great with nodejs
  • 57
    Very short syntax
  • 56
    Open source
  • 53
    Structured with indentation
  • 23
    Free
  • 5
    Gulp
  • 5
    It's not HAML
  • 4
    Really similar to Slim (from Ruby fame)
  • 4
    Difficult For Front End Developers,learn backend
  • 4
    Easy setup
  • 4
    Readable code
  • 4
    Clean syntax
  • 2
    Disdain for angled brackets

Sign up to add or upvote prosMake informed product decisions

- No public GitHub repository available -

What is Hogan.js?

Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.

What is Pug?

This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

Need advice about which tool to choose?Ask the StackShare community!

Jobs that mention Hogan.js and Pug as a desired skillset
CBRE
United States of America Texas Richardson
CBRE
United States of America Massachusetts Boston
CBRE
United States of America Texas Richardson
CBRE
United States of America Texas Richardson
CBRE
United States of America Texas Richardson
CBRE
Poland Mazowieckie Warsaw
What companies use Hogan.js?
What companies use Pug?
See which teams inside your own company are using Hogan.js or Pug.
Sign up for StackShare EnterpriseLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Hogan.js?
What tools integrate with Pug?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

Jun 19 2015 at 6:37AM

ReadMe.io

JavaScriptGitHubNode.js+25
11
1986
What are some alternatives to Hogan.js and Pug?
EJS
It is a simple templating language that lets you generate HTML markup with plain JavaScript. No religiousness about how to organize things. No reinvention of iteration and control-flow. It's just plain JavaScript.
TypeScript
TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
Handlebars.js
Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.
Mustache
Mustache is a logic-less template syntax. It can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object. We call it "logic-less" because there are no if statements, else clauses, or for loops. Instead there are only tags. Some tags are replaced with a value, some nothing, and others a series of values.
Smarty
Facilitating the separation of presentation (HTML/CSS) from application logic. This implies that PHP code is application logic, and is separated from the presentation
See all alternatives