Hogan.js vs Pug

Overview

Hogan.js

Stacks343

Followers56

Votes3

GitHub Stars5.1K

Forks431

Pug

Stacks1.2K

Followers1.2K

Votes467

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.

🔥 Trending in Templating Languages & Extensions on StackShare

Azure SDKs Templating Languages Extensions

Programmatically manage and interact with Azure services

Try it View Docs Alternatives

Try

0

1

Detailed Comparison

Hogan.js	Pug
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.	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.
Statistics
GitHub Stars 5.1K	GitHub Stars -
GitHub Forks 431	GitHub Forks -
Stacks 343	Stacks 1.2K
Followers 56	Followers 1.2K
Votes 3	Votes 467
Pros & Cons
Pros 3 Lightweight	Pros 138 Elegant html 90 Great with nodejs 59 Very short syntax 59 Open source 54 Structured with indentation
Integrations
Mustache	Node.js

What are some alternatives to Hogan.js, Pug?

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.

Slim Lang

Slim is a template language whose goal is to reduce the view syntax to the essential parts without becoming cryptic. It started as an exercise to see how much could be removed from a standard html template (<, >, closing tags, etc...). As more people took an interest in Slim, the functionality grew and so did the flexibility of the syntax.

RactiveJS

Ractive was originally created at theguardian.com to produce news applications. Ractive takes your Mustache templates and transforms them into a lightweight representation of the DOM – then when your data changes, it intelligently updates the real DOM.

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.

Jinja

It is a full featured template engine for Python. It has full unicode support, an optional integrated sandboxed execution environment, widely used and BSD licensed.

Twig

It is a modern template engine for PHP. It is flexible, fast, and secure. Its syntax originates from Jinja and Django templates.

Nunjucks

Rich Powerful language with block inheritance, autoescaping, macros, asynchronous control, and more. Heavily inspired by jinja2. It supports all modern browsers.