Eleventy Documentation

This is an older version of Eleventy. Full release history. Go to the newest Eleventy docs. You could try /docs/starter/ although it may not exist.

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.
  4. eleventy-shortcomps Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.

Sites Built with Eleventy #

@eleven_ty Twitter PhotoEleventy, the web siteDemoSourceDemoSourceSpoiler alert: it’s this web site.
@v8js Twitter PhotoV8DemoSourceDemoSourceV8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++.
@zachleat Twitter PhotoZach LeathermanDemoSourceDemoSourceA 10+ years-running blog about web development.
@philhawksworth Twitter PhotoJamstack Comments EngineDemoSourceDemoSourceAn example of a comments engine you could add to any JAMstack site hosted on Netlify.
@wilto Twitter PhotoWilto Makes FoodDemoSourceDemoSourceThe professional cooking site of Mat Marquis.
@nejsconf Twitter PhotoNEJS CONF 2018DemoSourceDemoSourceA single day, single track Web Development conference.
@MannahFdn Twitter PhotoMannah FoundationDemoDemoEmpowering individuals to make great changes.
@hybrid_alex Twitter PhotoAlex CarpenterDemoSourceDemoSourceFront-end Web Developer
@eleven_ty Twitter PhotoHeydon 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 Twitter PhotoNetlify TemplatesDemoSourceDemoSourceThis is a board with templates for static site generators and boilerplates.
@philhawksworth Twitter PhotoSet Your Watch ByDemoSourceDemoSourceA static site generated clock! Runs a Netlify build every minute.
@hybrid_alex Twitter PhotoFront-end FoundationsDemoSourceDemoSourceA resource and community for developers learning HTML, CSS, & Javascript. Mostly for beginners–but everyone is welcome.
@hankchizljaw Twitter PhotoAndy BellDemoDemoThe personal web site of Andy Bell, a front-end developer and designer with No Divide
@hankchizljaw Twitter PhotoPersonal sites are awesome!DemoSourceDemoSourcePersonal sites are awesome, so this site was built so we can all discover each others.
@kleinfreund Twitter Photokleinfreund.deDemoSourceDemoSourceThe personal web site of Philipp, a web developer from Weimar, Germany.
@jdsteinbach Twitter PhotoJames SteinbachDemoSourceDemoSourceThe personal web site of James Steinbach: Front-end architect, Speaker & Writer.
@splitinfinities Twitter PhotoSplit InfinitiesDemoSourceDemoSourceThe professional website of William M. Riley.
@johanbrook Twitter PhotoJohan BrookDemoSourceDemoSourceThe personal website of Johan, a Swedish designer & developer
@jamesdoc Twitter PhotoJames DocDemoSourceDemoSourceSitting at the intersection of Christianity and technology…
@shuttersh Twitter PhotoShutter DocumentationDemoSourceDemoSourceA tool for Visual Snapshot Testing
@minamarkham Twitter PhotoYoncéDemoSourceDemoSourceQueen Bey-inspired themes for Bash-It, Visual Studio Code, iTerm, Slack & Alfred.
@minamarkham Twitter PhotoFormationDemoSourceDemoSourceA shell script to set up a macOS machine for design and development.
@edwardhorsford Twitter PhotoEd HorsfordDemoDemoPortfolio website for London based designer Ed Horsford.
@unabridgedsoft Twitter PhotoUnabridged SoftwareDemoDemoUnabridged Software specializes in creating robust products that remain easy to change over time.

Have a suggestion?