What is HAML?

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.
HAML is a tool in the Languages category of a tech stack.
HAML is an open source tool with 3.4K GitHub stars and 544 GitHub forks. Here’s a link to HAML's open source repository on GitHub

Who uses HAML?

Companies
113 companies use HAML in their tech stacks, including Kickstarter, Code School, and StackShare.

Developers
40 developers use HAML.

HAML Integrations

Why developers like HAML?

Here’s a list of reasons why companies and developers use HAML
HAML Reviews

Here are some stack decisions, common use cases and reviews by companies and developers who chose HAML in their tech stack.

Russel Werner
Russel Werner
Lead Engineer at StackShare · | 11 upvotes · 81.2K views
atStackShare
Emotion
JavaScript
Glamorous
React
HAML
Sass
#Inlinecss

When we rebooted our front-end stack earlier this year, we wanted to have a consolidated and friendly developer experience. Up to that point we were using Sass and BEM. There was a mix of HAML views, React components and Angular. Since our ongoing development was going to be exclusively in React, we wanted to shift to an inline styling library so the "wall of classnames" could be eliminated. The ever-shifting landscape of inline CSS libraries for React is sometimes difficult to navigate.

We decided to go with Glamorous for a few reasons:

1) Previous team experience with this library 2) We can write our styles in plain JavaScript (which brings many benefits) 3) It supports server-side rendering 4) It has great composition patterns

As you may or may not know, Glamorous has ceased active development and been mostly superseded by Emotion. We are planning to migrate to either Emotion or @styled-components in the near future, and I'll write another Stack Decision when we get there!

#inlinecss

See more
Jerome Dalbert
Jerome Dalbert
Senior Backend Engineer at StackShare · | 5 upvotes · 2.5K views
atStackShare
React
Bootstrap
HAML

Our legacy HAML pages use Bootstrap as a basic styling framework.

Love it or hate it, but for full-stack developers, Bootstrap is still one of the quickest ways to hit the ground running. All startup websites had to start somewhere, and we are no exception at StackShare!

These days, our frontend team writes or rewrites all our new pages with React components that each have their own CSS styling.

See more

HAML Alternatives & Comparisons

What are some alternatives to HAML?
Slim
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.
JavaScript
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.
PHP
Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
HTML5
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.
Python
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.
See all alternatives

HAML's Stats