11ty

Eleventy Documentation

This documentation is for an older version. Go to the newest Eleventy docs or check out the full release history.

Documentation Pages

Starter Projects #

  1. eleventy-base-blog How to build a blog web site with Eleventy.
  2. eleventyone is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of gulp with Eleventy and Sass.
  3. eleventy-netlify-boilerplate A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.

Sites Built with Eleventy #

NameDemoSourceDescription
Eleventy, the web siteDemoSourceDemoSourceSpoiler alert: it’s this web site.
Zach LeathermanDemoSourceDemoSourceA 10+ years-running blog about web development.
fontspeedDemoSourceDemoSourceA newsletter about loading your web fonts.
Jamstack Comments EngineDemoSourceDemoSourceAn example of a comments engine you could add to any JAMstack site hosted on Netlify.
Wilto Makes FoodDemoSourceDemoSourceThe professional cooking site of Mat Marquis.
NEJS CONF 2018DemoSourceDemoSourceA single day, single track Web Development conference.
Mannah FoundationDemoDemoEmpowering individuals to make great changes.
Alex CarpenterDemoSourceDemoSourceFront-end Web Developer
Heydon Pickering’s Inclusive Web Design Checklist, converted to use eleventySourceSourceThe original project took a JSON file and converted it HTML with some one-off JavaScript. This uses eleventy to transform the data using a nunjucks template, resulting in a cleaner, templated setup.
Netlify TemplatesDemoSourceDemoSourceThis is a board with templates for static site generators and boilerplates.
Set Your Watch ByDemoSourceDemoSourceA static site generated clock! Runs a Netlify build every minute.
Front-end FoundationsDemoSourceDemoSourceA resource and community for developers learning HTML, CSS, & Javascript. Mostly for beginners–but everyone is welcome.
Andy BellDemoSourceDemoSourceThe personal web site of Andy Bell, a front-end developer and designer with No Divide
Personal sites are awesome!DemoSourceDemoSourcePersonal sites are awesome, so this site was built so we can all discover each others.
kleinfreund.deDemoSourceDemoSourceThe personal web site of Philipp, a web developer from Weimar, Germany.
James SteinbachDemoSourceDemoSourceThe personal web site of James Steinbach: Front-end architect, Speaker & Writer.
Split InfinitiesDemoSourceDemoSourceThe professional website of William M. Riley.
Johan BrookDemoSourceDemoSourceThe personal website of Johan, a Swedish designer & developer
James DocDemoSourceDemoSourceSitting at the intersection of Christianity and technology…
Shutter DocumentationDemoSourceDemoSourceA tool for Visual Snapshot Testing

Have a suggestion?