The Equal Justice Initiative
Eleventy
The possum is Eleventy’s mascot

Eleventy, a simpler static site generator

Read Eleventy v2.0.0, The Stable Release and The Stability of Eleventy (and more!) on the Eleventy Blog.

Fast Builds and even Faster Web Sites

Name Building ×4000 Markdown Files
Eleventy 1.93s == 🏁
Astro 22.90s ======================= 🏁
Gatsby 29.05s ============================== 🏁
Next.js 70.65s ======================================================================= 🏁

From a benchmark of ×4000 markdown files. Learn more about Eleventy’s site and build performance.

Quick Start in 2 Steps

Create a Markdown file.
Eleventy requires Node.js 14 (expand to learn more)

You can check whether or not you have Node installed by running `node --version` in a terminal window. (Well, wait—what is a Terminal window?)

If the command is not found or it reports a number lower than 14, you will need to download and install Node.js before moving on to the next step.

Run Eleventy.

um variant="home"></possum>

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

ilds and even Faster Web Sites</em></p> (v2.0.1)

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.

  • Trusted by
  • IndieWeb Avatar for https://about.google/Google
  • IndieWeb Avatar for https://www.netlify.com/Netlify
  • IndieWeb Avatar for https://foursquare.com/Foursquare
  • IndieWeb Avatar for https://web.dev/web.dev
  • IndieWeb Avatar for https://tc39.es/TC39
  • IndieWeb Avatar for https://v8.dev/V8
  • IndieWeb Avatar for https://www.w3.org/W3C
  • IndieWeb Avatar for https://home.web.cern.ch/Cern
  • IndieWeb Avatar for https://web.mit.edu/MIT
  • IndieWeb Avatar for https://www.stanford.edu/Stanford
  • IndieWeb Avatar for https://developer.chrome.com/Chrome Developers
  • IndieWeb Avatar for https://css-tricks.com/CSS Tricks
  • IndieWeb Avatar for https://www.webpagetest.org/WebPageTest
  • IndieWeb Avatar for https://www.a11yproject.com/A11Y Project
  • IndieWeb Avatar for https://www.gov.uk/United Kingdom (gov)
  • IndieWeb Avatar for https://www.numerique.gouv.fr/France (gov)
  • IndieWeb Avatar for https://stackoverflow.com/Stack Overflow
  • IndieWeb Avatar for https://lit.dev/Lit
  • IndieWeb Avatar for https://glitch.com/Glitch
  • IndieWeb Avatar for https://stackblitz.com/Stackblitz
  • IndieWeb Avatar for https://openwebdocs.org/Open Web Docs
  • IndieWeb Avatar for https://jamstack.org/jamstack.org
  • IndieWeb Avatar for https://www.greenpeace.org/Greenpeace
  • IndieWeb Avatar for https://www.csis.org/CSIS
  • IndieWeb Avatar for https://eslint.org/ESLint
  • IndieWeb Avatar for https://mochajs.org/Mocha
  • IndieWeb Avatar for https://revealjs.com/reveal.js
  • IndieWeb Avatar for https://panic.com/Panic
  • IndieWeb Avatar for https://www.filamentgroup.com/Filament Group
  • IndieWeb Avatar for https://set.studio/Set Studio
  • IndieWeb Avatar for https://www.ookla.com/Ookla
  • IndieWeb Avatar for https://www.khanacademy.org/Khan Academy
  • IndieWeb Avatar for https://basecamp.com/Basecamp
  • IndieWeb Avatar for https://www.snowpack.dev/Snowpack
  • IndieWeb Avatar for https://ffconf.org/ffconf
  • IndieWeb Avatar for https://2022.uxlondon.com/UX London
  • IndieWeb Avatar for https://nordhealth.com/Nordhealth
  • IndieWeb Avatar for https://www.orange.com/Orange
  • IndieWeb Avatar for https://www.wisc.edu/Univ. of Wisconsin-Madison
  • IndieWeb Avatar for https://www.ca.gov/California (gov)
  • IndieWeb Avatar for https://ux.redhat.comRed Hat
  • IndieWeb Avatar for https://www.pie.design/Just Eat Takeaway
  • …and more
Documentation for Eleventy

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

Gold Sponsors

Sanity.io
Nordhealth
CloudCannon

Built With Eleventy

IndieWeb Avatar for https://eslint.org/eslint.org
Screenshot of https://eslint.org/
IndieWeb Avatar for https://nordhealth.design/nordhealth.design
Screenshot of https://nordhealth.design/
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://tc39.es/tc39.es
Screenshot of https://tc39.es/
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/

Sample of 110 authors shown. View all 906 sites.

Don’t take my word for it Rainbow

Listen to what these happy developers are saying about Eleventy:

“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” —IndieWeb Avatar for https://google.com/Google

“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

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

“#1 Product of the Day (May 2022)” —IndieWeb Avatar for https://producthunt.com/Product Hunt

“The Eleventy + Netlify combo continues to be 🤌” —IndieWeb Avatar for https://danmall.com/Dan Mall

“Jekyll is dead to me” —IndieWeb Avatar for https://andy-bell.co.uk/Andy Bell

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

“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

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

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

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

“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

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

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

“I use Eleventy on almost every project at this point and I love it.” —IndieWeb Avatar for https://lea.verou.me/Lea Verou

“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

“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

…and many more!