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


+ 1

+ 1
Add tool

HAML vs Pug: What are the differences?

What is HAML? HTML Abstraction Markup Language - A Markup Haiku. Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document, without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ERB, and ASP. However, Haml avoids the need for explicitly coding HTML into the template, because it is actually an abstract description of the HTML, with some code to generate dynamic content.

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.

HAML can be classified as a tool in the "Languages" category, while Pug is grouped under "Templating Languages & Extensions".

"Clean and simple" is the top reason why over 66 developers like HAML, while over 118 developers mention "Elegant html" as the leading cause for choosing Pug.

HAML and Pug are both open source tools. It seems that Pug with 18.3K GitHub stars and 1.9K forks on GitHub has more adoption than HAML with 3.43K GitHub stars and 544 GitHub forks.

According to the StackShare community, Pug has a broader approval, being mentioned in 173 company stacks & 118 developers stacks; compared to HAML, which is listed in 113 company stacks and 40 developer stacks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of HAML
Pros of Pug
  • 68
    Clean and simple
  • 49
    No html open/close tags
  • 39
    Easier to write than ERB
  • 36
    Forces clean and readable code
  • 34
    Simpler markup language
  • 24
    Open Source
  • 16
    HTML Templating
  • 1
    You'll love it if you like Haikus
  • 137
    Elegant html
  • 90
    Great with nodejs
  • 59
    Very short syntax
  • 58
    Open source
  • 54
    Structured with indentation
  • 24
  • 6
    Really similar to Slim (from Ruby fame)
  • 6
    It's not HAML
  • 6
  • 5
    Clean syntax
  • 5
    Readable code
  • 5
    Easy setup
  • 5
    Difficult For Front End Developers,learn backend
  • 4
    Disdain for angled brackets

Sign up to add or upvote prosMake informed product decisions

Cons of HAML
Cons of Pug
  • 3
    It's not Pug
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    What companies use HAML?
    What companies use Pug?
    See which teams inside your own company are using HAML 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 HAML?
    What tools integrate with Pug?

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

    What are some alternatives to HAML and Pug?
    Slim is easy to use for both beginners and professionals. Slim favors cleanliness over terseness and common cases over edge cases. Its interface is simple, intuitive, and extensively documented — both online and in the code itself.
    A human-readable data-serialization language. It is commonly used for configuration files, but could be used in many applications where data is being stored or transmitted.
    JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
    Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
    HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. As of October 2014 this is the final and complete fifth revision of the HTML standard of the World Wide Web Consortium (W3C). The previous version, HTML 4, was standardised in 1997.
    See all alternatives