240k views240k
CommentsHandlebars.js vs Hogan.js vs Mustache
Overview
Share your Stack
Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.
CLI (Node.js)
Manual
Advice on Mustache, Handlebars.js, Hogan.js
Detailed Comparison
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. | 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. | 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. |
Statistics | ||
GitHub Stars 16.7K | GitHub Stars - | GitHub Stars 5.1K |
GitHub Forks 2.4K | GitHub Forks - | GitHub Forks 431 |
Stacks 2.4K | Stacks 8.3K | Stacks 358 |
Followers 415 | Followers 3.2K | Followers 56 |
Votes 50 | Votes 308 | Votes 3 |
Pros & Cons | ||
Pros
| Pros
| Pros
|
What are some alternatives to Mustache, Handlebars.js, Hogan.js?
TypeScript
TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
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.
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.
Jsonnet
It is a data templating language for app and tool developers. It is a powerful DSL for elegant description of JSON data.
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
