11tyThe possum is Eleventy’s mascot

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 Menu

Starter Projects #

  1. @eleven_ty Twitter Photoeleventy-base-blog How to build a blog web site with Eleventy.
  2. @eleven_ty Twitter Photoeleventy-on-glitch A playground site for Eleventy on Glitch with live rendered views right on the web!
  3. @philhawksworth Twitter Photoeleventyone is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of gulp with Eleventy and Sass.
  4. @DanUrbanowicz Twitter Photoeleventy-netlify-boilerplate A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
  5. @duncanadam Twitter Photoeleventy-shortcomps Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
  6. @joe_dyer1 Twitter PhotoSkeleventy A skeleton boilerplate built with Eleventy and Tailwind CSS.
  7. @planetoftheweb Twitter PhotoSeven An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.

Source Code Samples #

This list shows all of the sample sites that have provided a link to their source code. A comprehensive list of all sample sites is available. Want to add your site to this list?

Source CodeName
Source Code@eleven_ty Twitter Photo11ty.io, the Eleventy web site
Source Code@hybrid_alex Twitter PhotoAlex Carpenter
Source Code@AndreaCorinti Twitter PhotoAndrea Corinti
Source Code@bmeurer Twitter PhotoBenedikt Meurer
Source Code@bradtaunt Twitter PhotoBradley Taunt
Source Code@cathy_dutton Twitter PhotoCathy Dutton
Source CodeCØASTLINE
Source Code@maelb Twitter Photoconsole.❤️
Source Code@css Twitter PhotoUpcoming Conferences
Source Code@saschadiercks Twitter PhotoDesign System with 11ty
Source Code@duncan Twitter PhotoDuncan Davidson
Source Code@wilto Twitter PhotoEveryday Information Architecture
Source Code@snookca Twitter PhotoFifty by Fifty
Source Codefontspeed
Source Code@minamarkham Twitter PhotoFormation
Source Code@philhawksworth Twitter PhotoHawksworx
Source Code@wilto Twitter PhotoMat “Wilto” Marquis
Source Code@wilto Twitter PhotoI’m Mat. I make websites.
Source Code@derekhoman Twitter PhotoThe Ramblings of Derek Homan
Source Code@eleven_ty Twitter PhotoHeydon Pickering’s Inclusive Web Design Checklist, converted to use eleventy
Source Code@jamesdoc Twitter PhotoJames Doc
Source Code@jdsteinbach Twitter PhotoJames Steinbach
Source Code@philhawksworth Twitter PhotoJamstack Comments Engine
Source Code@jeffposnick Twitter PhotoJeff Posnick
Source Code@johanbrook Twitter PhotoJohan Brook
Source Code@kleinfreund Twitter Photokleinfreund.de
Source Code@levimcg Twitter PhotoLevi McGranahan
Source Code@mxbck Twitter PhotoMax Böck
Source Code@mmatuzo Twitter PhotoManuel Matuzović
Source Code@okitavera Twitter PhotoNanda Okitavera
Source Code@nejsconf Twitter PhotoNEJS CONF 2018
Source Code@netlify Twitter PhotoNetlify Templates
Source Code@philhawksworth Twitter PhotoEvent listing from Notist
Source Code@paulrobertlloyd Twitter PhotoPaul Robert Lloyd
Source Code@pborenstein Twitter Photopborenstein
Source Code@hankchizljaw Twitter PhotoPersonal sites are awesome!
Source Code@nhoizey Twitter PhotoPrecious Prana
Source Code@philhawksworth Twitter PhotoMedium to Small JAMstack
Source Code@ryzokuken Twitter PhotoUjjwal “Ryzokuken” Sharma
Source Code@philhawksworth Twitter PhotoSet Your Watch By
Source Code@shuttersh Twitter PhotoShutter Documentation
Source Code@splitinfinities Twitter PhotoSplit Infinities
Source Code@v8js Twitter PhotoV8
Source Code@hankchizljaw Twitter PhotoWeb Components Club
Source Code@WiltoMakesFood Twitter PhotoWilto Makes Food
Source Code@minamarkham Twitter PhotoYoncé
Source Code@zachleat Twitter PhotoZach Leatherman
Source Code@zellwk Twitter PhotoZell Liew