| CARVIEW |
Select Language
HTTP/2 200
access-control-allow-origin: *
age: 0
cache-control: public, max-age=0, must-revalidate
content-disposition: inline; filename="haml"
content-encoding: gzip
content-type: text/html; charset=utf-8
date: Sat, 11 Oct 2025 01:49:54 GMT
etag: W/"af8f1f84e2b033f4fbb0f9fcf8716124"
last-modified: Sat, 11 Oct 2025 01:49:54 GMT
server: Vercel
strict-transport-security: max-age=63072000
x-vercel-cache: HIT
x-vercel-id: bom1::c7hcw-1760147393771-d900538b15d8
HAML — Eleventy
- Stable
3.1.2- Canary
4.0.0-alpha.4
- Guide
Guide
- Plugins
- Services
HAML
Template Languages:
On this page
| Eleventy Short Name | File Extension | npm Package |
|---|---|---|
haml |
.haml |
haml.js |
You can override a .haml file’s template engine. Read more at Changing a Template’s Rendering Engine.
Installation
The haml templating language was moved out of Eleventy core in v3 and now requires a plugin installation.
npm install @11ty/eleventy-plugin-hamlAdd to your configuration file:
eleventy.config.js
import hamlPlugin from "@11ty/eleventy-plugin-haml";
export default function (eleventyConfig) {
eleventyConfig.addPlugin(hamlPlugin);
}const hamlPlugin = require("@11ty/eleventy-plugin-haml");
module.exports = function (eleventyConfig) {
eleventyConfig.addPlugin(hamlPlugin);
}Use more options:
eleventy.config.js
import haml from "hamljs";
import hamlPlugin from "@11ty/eleventy-plugin-haml";
export default function (eleventyConfig) {
eleventyConfig.addPlugin(hamlPlugin, {
// Override the `haml` library instance
eleventyLibraryOverride: haml,
});
}const haml = require("hamljs");
const hamlPlugin = require("@11ty/eleventy-plugin-haml");
module.exports = function (eleventyConfig) {
eleventyConfig.addPlugin(hamlPlugin, {
// Override the `haml` library instance
eleventyLibraryOverride: haml,
});
}Supported Features
| Feature | Syntax |
|---|---|
| 🚫 Universal Filters | Not yet supported :filterName some text Read more about Filters. |