11ty

Eleventy Documentation

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

NameDemoSourceDescription
@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.
@WiltoMakesFood Twitter PhotoWilto Makes FoodDemoSourceDemoSourceThe professional cooking site of Mat Marquis.
@nejsconf Twitter PhotoNEJS CONF 2018DemoSourceDemoSourceA single day, single track Web Development conference.
@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.
@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.
@hankchizljaw Twitter PhotoWeb Components ClubDemoSourceDemoSourceA blog to document my learning about web components.
@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.
@paulrobertlloyd Twitter PhotoPaul Robert LloydDemoSourceDemoSourcePaul is an independent designer, writer and speaker based in Brighton, England.
@minamarkham Twitter PhotoFormationDemoSourceDemoSourceA shell script to set up a macOS machine for design and development.
@jeffposnick Twitter PhotoJeff PosnickDemoSourceDemoSourceThe blog of Jeff Posnick (of Google's Web DevRel Team)
@philhawksworth Twitter PhotoMedium to Small JAMstackDemoSourceDemoSourceA demo of generating an JAMstack site from an RSS feed
@philhawksworth Twitter PhotoEvent listing from NotistDemoSourceDemoSourceAn example of Notist's JSON feed driving event listings on your own, pre-rendered site.
@philhawksworth Twitter PhotoHawksworxDemoSourceDemoSourceThe blog, playground, and generally a home on the web for Phil Hawksworth.
@maelb Twitter Photoconsole.❤️DemoSourceDemoSourceA collection of funny, quirky and lovely console messages from around the web
@bradtaunt Twitter PhotoBradley TauntDemoSourceDemoSourceFront-end designer & developer

This list shows all of the sample sites that have provided a link to the source code. A comprehensive list of all sample sites is available.

Have a suggestion?