Stand with Ukraine 🇺🇦
Eleventy
The possum is Eleventy’s mascot

Eleventy, a simpler static site generator.

Eleventy v2.0.0, The Stable Release and more on the Eleventy Blog.

Quick Start Jump to heading

Create a Markdown file.

echo '# Page header' > index.md
Eleventy requires Node.js 14 (expand to learn more)

Run node --version on the command line to see if it is installed. If the command is not found or it reports a number lower than 14, you will need to install Node.js.

Run Eleventy.

npx @11ty/eleventy

Eleventy compiles any files in the current directory matching valid file extensions (.md is one of many) to the output folder (_site by default).

Writing _site/index.html from ./index.md (liquid)
Wrote 1 file in 0.03 seconds (v2.0.0)

Run npx @11ty/eleventy --serve to start up a local development server and open http://localhost:8080/ in your web browser of choice to see your web site.

➡ Keep going! Read a more comprehensive Getting Started guide or check out the full Documentation for v2.0.0.

Documentation for Eleventy
Todd and Bruce said this button should be bigger and as you can see they were right

Eleventy is supported by

Netlify

Gold Sponsors

Sanity.io
Nordhealth
CloudCannon
Transloadit

Built With Eleventy Jump to heading

IndieWeb Avatar for https://eslint.org/eslint.org
Screenshot of https://eslint.org/
IndieWeb Avatar for https://developer.chrome.com/devsummit/developer.chrome.com/devsummit
Screenshot of https://developer.chrome.com/devsummit/
IndieWeb Avatar for https://www.a11yproject.com/www.a11yproject.com
Screenshot of https://www.a11yproject.com/
IndieWeb Avatar for https://www.netlify.com/www.netlify.com
Screenshot of https://www.netlify.com/
IndieWeb Avatar for https://web.dev/web.dev
Screenshot of https://web.dev/
IndieWeb Avatar for https://developer.chrome.com/developer.chrome.com
Screenshot of https://developer.chrome.com/
IndieWeb Avatar for https://chromeos.dev/enchromeos.dev/en
Screenshot of https://chromeos.dev/en
IndieWeb Avatar for https://ffconf.org/ffconf.org
Screenshot of https://ffconf.org/
IndieWeb Avatar for https://www.11ty.dev/www.11ty.dev
Screenshot of https://www.11ty.dev/
IndieWeb Avatar for https://lit.dev/lit.dev
Screenshot of https://lit.dev/
IndieWeb Avatar for https://mochajs.org/mochajs.org
Screenshot of https://mochajs.org/
IndieWeb Avatar for https://moderncss.dev/moderncss.dev
Screenshot of https://moderncss.dev/
IndieWeb Avatar for https://covid19.ca.gov/covid19.ca.gov
Screenshot of https://covid19.ca.gov/
IndieWeb Avatar for https://v8.dev/v8.dev
Screenshot of https://v8.dev/
IndieWeb Avatar for https://digitalhumanities.mit.edu/digitalhumanities.mit.edu
Screenshot of https://digitalhumanities.mit.edu/

View all 867 sites.

Don’t take my word for it Jump to heading

Listen to what these happy developers are saying about Eleventy:

“Eleventy and web components go really, really well together.” —Justin Fagnani’s Twitter PhotoJustin Fagnani

Read the replies to: “Fans of Eleventy.... why do you like it better than other static site generators?”

“Eleventy is almost fascinatingly simple.” —Chris Coyier’s Twitter PhotoChris Coyier

“Think the reason everyone is loving [Eleventy] so much (myself included) is that it doesn't come with a prescription about data sources or template rendering.” —Brian Leroux’s Twitter PhotoBrian Leroux

“I heard Eleventy was good” —Lach Zeatherman’s Twitter PhotoLach Zeatherman

“Jekyll is dead to me” —Andy Bell

“I actually used Eleventy for the first time this week. Loved it.” —Paul Lewis’s Twitter PhotoPaul Lewis

“Eleventy is a killer static site generator. That’s all.” —Sara Soueidan’s Twitter PhotoSara Soueidan

“Don’t tell Zach I said it but Eleventy is seeming fresh as hell so far” —Mat Marquis’s Twitter PhotoMat Marquis

“2022 winner of the Google Open Source Peer Bonus Award” —Google

“Just the kind of simple / common sense tool I love. The data/folder hierarchy mechanism is super obvious and elegant.” —Heydon Pickering’s Twitter PhotoHeydon Pickering

“Seriously can't remember enjoying using a Static Site Generator this much. Yes Hugo is rapid, but this is all so logical. It feels like it was designed by someone who has been through lots of pain and success using other SSGs.” —Phil Hawksworth’s Twitter PhotoPhil Hawksworth

“Eleventy + Netlify have become my new workflow for static sites. I think I'm in love.” —Mina Markham’s Twitter PhotoMina Markham

“Eleventy is absolutely wonderful. It’s by far the nicest static site generator I’ve used in what feels like forever.” —Addy Osmani’s Twitter PhotoAddy Osmani

“Eleventy is my fave.” —Tatiana Mac’s Twitter PhotoTatiana Mac

“#1 Product of the Day (May 2022)” —Product Hunt

“I looked into and actively tried using various static site generators for this project. Eleventy was the only one I could find that gave me the fine-grained control I needed at blazingly fast build times.” —Mathias Bynens’s Twitter PhotoMathias Bynens

…and many more!