HAML logo

HAML

HTML Abstraction Markup Language - A Markup Haiku
470
297
+ 1
267

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.5K GitHub stars and 558 GitHub forks. Here’s a link to HAML's open source repository on GitHub

Who uses HAML?

Companies
135 companies reportedly use HAML in their tech stacks, including StackShare, Accenture, and Bukalapak.

Developers
268 developers on StackShare have stated that they use HAML.

HAML Integrations

Public Decisions about HAML

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 · 249.7K views

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 · 64.8K views
Shared insights
on
HAMLHAMLBootstrapBootstrapReactReact
at

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.
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.
YAML
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
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.
See all alternatives

HAML's Followers
297 developers follow HAML to keep up with related blogs and decisions.
edisplay
abiliobivar
Jay Cardenas
michashop
Eduardo Kussá
Rubén Sospedra
Akshay Bhasin
Seif Eddine Slimene
Joseph Dunivan
dmortell