We The Protesters
The possum is Eleventy’s mascot

Eleventy, a simpler static site generator.

This is an older version of Eleventy. Go to the newest Eleventy docs (current path: /) or the full release history.

Quick Start #

Eleventy v1.0.0 requires Node 12 or newer. Use node --version on the command line to find your local Node version.

npm install -g @11ty/eleventy
echo '# Page header' > README.md

This will compile any files matching valid input template file extensions (.md is one of them) in the current directory into the output folder (defaults to _site).

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

Run eleventy --serve to start up a web server. Then open http://localhost:8080/README/ in your web browser of choice to see your Eleventy output.

➡ Keep going! Read a longer Getting Started guide or check out the full Documentation for v1.0.0.

Eleventy is supported by… #

transloadit’s opencollective avatarTransloadit

Gold Sponsor

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

Built With Eleventy #

eleven_ty’s twitter avatar11ty.dev
Screenshot of https://www.11ty.dev/
Featured · Spoiler alert: it’s this web site.
a11yproject’s twitter avatarThe A11Y Project
Screenshot of https://www.a11yproject.com/
Featured · The A11Y Project is a community-driven effort to make digital accessibility easier.
cern’s twitter avatarCERN WorldWideWeb Rebuild
Screenshot of https://worldwideweb.cern.ch/
Featured · 2019 rebuilding of the original NeXT web browser
chromiumdev’s twitter avatarChrome Dev Summit
Screenshot of https://developer.chrome.com/devsummit/
Featured · Chrome Dev Summit is an annual conference where developers can learn about the latest tools and updates coming to the Google Chrome browser. (Built with Eleventy in 2019 and 2020!)
chromiumdev’s twitter avatarChrome Developers
Screenshot of https://developer.chrome.com/
Featured · This is Chrome's official site to help you build Extensions, publish on the Chrome Web Store, optimize your website, and more.
css’s twitter avatarCSS Tricks Conferences
Screenshot of https://conferences.css-tricks.com/
Featured · CSS-TRICKS presents Upcoming Conferences related to Front-End Design & Development.
lahi_tapiola’s twitter avatarDuet Design System
Screenshot of https://www.duetds.com/
Featured · Duet provides a set of organized tools, patterns and practices that work as the foundation for LocalTapiola and Turva digital products and experiences.
geteslint’s twitter avatarESLint
Screenshot of https://eslint.org/
Featured · Find and fix problems in your JavaScript code.
ffconf’s twitter avatarffconf
Screenshot of https://ffconf.org/
Featured · ffconf is a full day of eight carefully curated sessions for an audience that cares about the future of the web, and who want their ideas challenged.
foursquare’s twitter avatarFoursquare
Screenshot of https://foursquare.com/
Featured · Foursquare is the most trusted, independent location data platform for understanding how people move through the real world.
khanacademy’s twitter avatarKhan Academy Report
Screenshot of https://khanacademyannualreport.org/
Featured · Khan Academy’s mission is to provide a free, world-class education for anyone, anywhere.
mit’s twitter avatarMIT Digital Humanities
Screenshot of https://digitalhumanities.mit.edu/
Featured · Advancing the humanities with code, communication, and community.
netlify’s twitter avatarNetlify
Screenshot of https://www.netlify.com/
Featured · The home page for Netlify, the fastest way to build the fastest sites.
v8js’s twitter avatarGoogle V8
Screenshot of https://v8.dev/
Featured · V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++.
chromiumdev’s twitter avatarweb.dev
Screenshot of https://web.dev/
Featured · Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev.

View all 584 sites.

Don’t take my word for it #

Listen to what these happy developers are saying about Eleventy:

“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

“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

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

“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

“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

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

“Jekyll is dead to me” Andy Bell’s Twitter PhotoAndy Bell

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

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

“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 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

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

…and many more!