11tyThe possum is Eleventy’s mascot

Eleventy is a simpler static site generator.

Quick Start #

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

This will compile any files matching valid template file extensions in the current directory into the output folder (defaults to _site).

Writing _site/README/index.html from ./README.md
Wrote 1 file in 0.10 seconds

Run eleventy --serve to start up a hot-reloading 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 v0.10.0.

Eleventy is supported by… #

Exclusive Gold Sponsor

Rob DodsonViljami SalminenAndy BellPeter deHaanHeydon PickeringBen BrignellTodd LibbyDaniel RafajWilliam RileyJérôme CoupéEd SpencerDave RupertMax BöckDevin ClarkNicolas HoizeyEric BaileyManuel MatuzovicNick ColleyPhil HawksworthKeenan PayneRay VillalobosBryce WrayKristof MichielsMark BuskbjergMat MarquisChristopher SalmonKyle MitofskyRobin RendleKyosuke NakamuraVadim MakeevTianyu GeHans GerwitzTyler WilliamsYuhei YasudaMakoto KawasakiChris CollinsPelle WessmanMartino RomaBrett NelsonMatthew ToleCody PetersonNed ZimmermanMatheus Ligabue da SilvaIvan BuncicBrian KoserHoracio GonzalezSøren BirkemeyerNick NisiMark BoultonWeb Inspect, IncRichard  HemmerAndrew HarvardJoel KrauseEli LevitBrian Louis RamirezWoorkeTakuya FUKUJUJohn SJ AndersonRyan SwaneyDavid Beesley

Latest News #

How do I get an Eleventy Sticker? (2020 February 05)

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

Built With Eleventy #

paulrobertlloyd’s twitter avatarPaul Robert Lloydminamarkham’s twitter avatarYoncéLondonCSS’s twitter avatarLondon CSSwilto’s twitter avatarI’m Mat. I make websites.snookca’s twitter avatarFifty by Fiftyzachleat’s twitter avatarZach Leathermanphilhawksworth’s twitter avatarSet Your Watch Bymarkboulton’s twitter avatarMark BoultonWiltoMakesFood’s twitter avatarWilto Makes FoodDasSurma’s twitter avatarSurmaUWMadison’s twitter avatarUniversity of Wisconsin—Madisonleedsjs’s twitter avatarLeedsJSnejsconf’s twitter avatarNEJS CONF Historylayoutplusplus’s twitter avatarEvery Layoutfilamentgroup’s twitter avatarFilament Grouppolymer’s twitter avatarPolymer Lit Element Starterminamarkham’s twitter avatarFormationnetlify’s twitter avatarAsk questions. Get answers.tatianatmac’s twitter avatarTatiana Macnhoizey’s twitter avatarnho.ionejsconf’s twitter avatarNEJS CONF 2019realglenndixon’s twitter avatarThe Dixonstempertemper’s twitter avatartempertemperDavidDarnes’s twitter avatarDavid Darnesashur’s twitter avatarEats & Drinkskleinfreund’s twitter avatarkleinfreund.deiceMagic’s twitter avatarEystein Mack Alnæsmattradford’s twitter avatarMatt Radfordtoddlibby’s twitter avatarTodd LibbyramigsDev’s twitter avatarRami Shashatiauradix’s twitter avatarAuradixbridgetstewart’s twitter avatarbridgestewscreenspan’s twitter avatarBrian Louis Ramirezjeffposnick’s twitter avatarJeff Posnickshreyasminocha’s twitter avatarThe Doon School Model United Nations 2019shannonethomas’s twitter avatarShannon E. ThomasMannahFdn’s twitter avatarMannah Foundationsmthdotuk’s twitter avatarSam Smithredsesame’s twitter avatarThe Future is Like Piecalum_ryan’s twitter avatarIndieWebGuidesdevolute’s twitter avatarCW2 Architectsbrob’s twitter avatarBut My Client Wants…philhawksworth’s twitter avatarHawksworxcthos’s twitter avatarAlex WardSm0keDev’s twitter avatarEleventy Html5UP TXTokitavera’s twitter avatarNanda Okitaverajeremenichelli’s twitter avatarJeremias Menichellitomayac’s twitter avatarThomas SteinerCasseyLottman’s twitter avatarToday Cassey Learnedsaschadiercks’s twitter avatarDesign System with 11tyborjasolerme’s twitter avatarTeamichriskrycho’s twitter avatarChris KrychoBryceWrayTX’s twitter avatarBryce Wraybmeurer’s twitter avatarBenedikt Meurerpborenstein’s twitter avatarpborensteinuclaUSAC’s twitter avatarUCLA Undergraduate Students AssociationHiberGlobal’s twitter avatarHiber Globalzellwk’s twitter avatarZell Liewsurajsjdhv’s twitter avatarSuraj Jadhavajmalafif’s twitter avatarAjmal Afifmisprintedtype’s twitter avatarOla Gasidlosaschadiercks’s twitter avatarSascha Diercksnhoizey’s twitter avatarPrecious Pranashuttersh’s twitter avatarShutter Documentationpepopowitz’s twitter avatarSteven Hickstproli’s twitter avatarRoland TothAndreaCorinti’s twitter avatarAndrea Corintilookback’s twitter avatarLookbackjohanbrook’s twitter avatarJohan Brookjamesdoc’s twitter avatarJames Doccezaraugusto’s twitter avatarCezar Augustolevimcg’s twitter avatarLevi McGranahanthenoelforte’s twitter avatarNoel Fortéthatianrose’s twitter avatarIan Rosecathy_dutton’s twitter avatarCathy Duttondennisview’s twitter avatarDennis Hagemeierphilhawksworth’s twitter avatarEvent listing from Notistdeletescape’s twitter avatardeletescape (Till Kottmann)TheTalesOfImmo’s twitter avatarAetheldougneiner’s twitter avatarDN Handcraftedpolarbirke’s twitter avatarannualbetasignalkuppe’s twitter avatarMatteo Leonigenehack’s twitter avatargenehack.blogbradtaunt’s twitter avatarBradley Taunthankchizljaw’s twitter avatarAndy Bellmxbck’s twitter avatarMax Böckduncan’s twitter avatarDuncan Davidsonhankchizljaw’s twitter avatarDevelopurrsnhoizey’s twitter avatarNicolas Hoizeyphilhawksworth’s twitter avatarJamstack Comments Enginejoshuakeel’s twitter avatarJoshua KeelVTCodeCamp’s twitter avatarVT Code Campedwardhorsford’s twitter avatarEd Horsfordlp_cast’s twitter avatarLPivoputzer’s twitter avatarIvo von Putzer Reibegggvonkoss’s twitter avatarGabrielle von Kosssplitinfinities’s twitter avatarSplit Infinitiesmmatuzo’s twitter avatarManuel Matuzovićjdsteinbach’s twitter avatarJames Steinbachbigandy’s twitter avatarAndrew Hudsonchinchang457’s twitter avatarKushagra’s Worldrobinrendle’s twitter avatarRobin Rendleryzokuken’s twitter avatarUjjwal “Ryzokuken” Sharmaunabridgedsoft’s twitter avatarUnabridged Softwarejeromecoupe’s twitter avatarWebstoemphybrid_alex’s twitter avatarAlex CarpenterKackDev’s twitter avatarKackDevhankchizljaw’s twitter avatarPersonal sites are awesome!nejsconf’s twitter avatarNEJS CONF 2018frontendnorth’s twitter avatarFront End North Conferencebertrandkeller’s twitter avatarBertrand Kellerbrianfive’s twitter avatarBrian GershonTheGreenGreek’s twitter avatarSia Karamalegosdandevri’s twitter avatarDanny de Vriesjeremyswinnen’s twitter avatarJeremy Swinnenhybrid_alex’s twitter avatarUS Coffee Roastersbartzia’s twitter avatarIván Barciajuanfernandes’s twitter avatarJuan Fernandesmarutchell’s twitter avatarMitchell Christ (a.k.a. nuotsu)alex_kaul’s twitter avatarDeBitpay Directorypianomanfrazier’s twitter avatarLilypond in Markdownhankchizljaw’s twitter avatarWeb Components Clubcsakiistvan’s twitter avatarThe Ultimate EU test Bookmaelb’s twitter avatarconsole.❤️reubenlillie’s twitter avatarReuben L. Lilliehj_chen’s twitter avatarDevRel Diariesajmalafif’s twitter avatarTsuwavescottishstoater’s twitter avatarChris Collinswebinspectinc’s twitter avatarTimothy Millerphilhawksworth’s twitter avatarMedium to Small JAMstackchristian_fei’s twitter avatarChristian Feimirisuzanne’s twitter avatarMiriam Suzannemayh9000’s twitter avatarFlat Monthly FeeBntlyD’s twitter avatarBentley Davisbseymour’s twitter avatarUnslump Me_fricca_’s twitter avatarCorina Rudelwilto’s twitter avatarMat “Wilto” Marquisderekhoman’s twitter avatarThe Ramblings of Derek Homanredsesame’s twitter avatarEveryday Information Architecture

View the full list.

Don’t take my word for it #

Listen to what these happy developers are saying about Eleventy:

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

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

“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 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 + Netlify have become my new workflow for static sites. I think I'm in love.” Mina Markham’s Twitter PhotoMina Markham

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

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

“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 and web components go really, really well together.” Justin Fagnani’s Twitter PhotoJustin Fagnani

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

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

“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

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

And more:  micahmills’s twitter avatareduardoboucas’s twitter avatarphilhawksworth’s twitter avatarhybrid_alex’s twitter avatarjameswillweb’s twitter avatarcodypeterson’s twitter avatarnice2meatu’s twitter avatarWebInspectInc’s twitter avatarsplitinfinities’s twitter avatarhj_chen’s twitter avatarmatthewcp’s twitter avatarreubenlillie’s twitter avatar