Get Advice Icon

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

Handlebars.js
Handlebars.js

4.2K
1K
+ 1
296
Pug
Pug

864
638
+ 1
386
Add tool

Handlebars.js vs Pug: What are the differences?

What is Handlebars.js? Minimal Templating on Steroids. 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.

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.

Handlebars.js and Pug can be categorized as "Templating Languages & Extensions" tools.

"Simple" is the top reason why over 102 developers like Handlebars.js, while over 118 developers mention "Elegant html" as the leading cause for choosing Pug.

Handlebars.js and Pug are both open source tools. It seems that Pug with 18.4K GitHub stars and 1.9K forks on GitHub has more adoption than Handlebars.js with 14.6K GitHub stars and 1.87K GitHub forks.

Hulu, DuckDuckGo, and Intel are some of the popular companies that use Handlebars.js, whereas Pug is used by Coursera, Key Location, and Sellsuki. Handlebars.js has a broader approval, being mentioned in 643 company stacks & 175 developers stacks; compared to Pug, which is listed in 174 company stacks and 119 developer stacks.

What is 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.

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.
Get Advice Icon

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

Why do developers choose Handlebars.js?
Why do developers choose Pug?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Handlebars.js?
      What companies use Pug?

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

      What tools integrate with Handlebars.js?
      What tools integrate with Pug?
      What are some alternatives to Handlebars.js and Pug?
      AngularJS
      AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTMLโ€™s syntax to express your applicationโ€™s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
      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.
      React
      Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
      Underscore
      A JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.
      TypeScript
      TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
      See all alternatives
      Decisions about Handlebars.js and Pug
      No stack decisions found
      Interest over time
      Reviews of Handlebars.js and Pug
      Review ofHandlebars.jsHandlebars.js

      Its easy to link handlebars with SailsJS.

      I have created a generator for it. Read through the README. Steps:-

      Install the npm package. Generate the templates using suggested command in README. Update the config/views.js file as suggested. Thats it, It works.

      https://github.com/bhaskarmelkani/sails-generate-views-hbs

      How developers use Handlebars.js and Pug
      Avatar of Romans Malinovskis
      Romans Malinovskis uses PugPug
      Avatar of Kent Steiner
      Kent Steiner uses Handlebars.jsHandlebars.js

      Handlebars for me has taken a back seat since my full embrace of React, but previous to React it (along with its predecessor mustache) I used it heavily, both server and client side, in multiple languages.

      Avatar of Kalibrr
      Kalibrr uses PugPug

      We use Jade when writing HTML, which is much easier to read and maintain. We compile it to HTML before deploying it though, and don't use Jade's client-side rendering features.

      Avatar of Promethean TV
      Promethean TV uses Handlebars.jsHandlebars.js

      The Handlebars templating engine is used by the Promethean TV Broadcast Center Tool to deliver dynamically generated html content from our web servers.

      Avatar of Merge In
      Merge In uses PugPug

      We use Jade for constructing our modular UI. We also rely on Jade interpolation to pass reactive and static values from our Express server.

      Avatar of Seungkwon Park
      Seungkwon Park uses PugPug

      front-end ์ˆ˜์—… ๋•Œ ๋“ค์€ jade ์ž…๋‹ˆ๋‹ค. html์„ ํšจ๊ณผ์ ์œผ๋กœ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๊ณ 

      ๋กœ ์—ด๊ณ  ๋‹ซ์„๋•Œ ํ˜ผ๋ˆ์ด ์—†์–ด ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ํ”„๋กœ์ ํŠธ์— gulp์™€ ํ•จ๊ป˜ ๋ถ™์ด๋ ค๋Š” ๊ณ„ํš์„ ๊ฐ–๊ณ  ์žˆ์ง€๋งŒ, ์•„์ง ์—ฐ์Šต์ด ๋” ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐ๋ฉ๋‹ˆ๋‹ค.
      Avatar of Jonathan Fries
      Jonathan Fries uses Handlebars.jsHandlebars.js

      Also used by ghost. Extensive editing of templates to keep my theme running and change what the theme does when I run into limitations.

      Avatar of Trading Log
      Trading Log uses Handlebars.jsHandlebars.js

      Our template engine! We combined hb with a powerful cache system we built on top of it.

      Avatar of Tarun Singh
      Tarun Singh uses Handlebars.jsHandlebars.js

      Used Handlebars to decouple the html from javascript, hence makes it more manageable.

      Avatar of Mathias Vonende
      Mathias Vonende uses PugPug

      Nice templating system, but lacks proper namespacing for non-html / xml data.

      How much does Handlebars.js cost?
      How much does Pug cost?
      Pricing unavailable
      Pricing unavailable
      News about Handlebars.js
      More news