11ty

Eleventy Documentation

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. @andybelldesign Twitter PhotoHylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes.
  5. @thatianrose Twitter Photodeventy A minimal 11ty starting point for building static websites with modern tools.
  6. @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.
  7. @duncanadam Twitter Photoeleventy-shortcomps Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
  8. @joe_dyer1 Twitter PhotoSkeleventy A skeleton boilerplate built with Eleventy and Tailwind CSS.
  9. @scottishstoater Twitter PhotoSimple Journal A simple journal/photo log website built on top of 11ty.
  10. @planetoftheweb Twitter PhotoSeven An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.
  11. @kmelve Twitter Photoeleventy-sanity-blog-boilerplate An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and intstructions for deploying on Netlify and now.

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@TheTalesOfImmo Twitter PhotoAethel
Source Code@hybrid_alex Twitter PhotoAlex Carpenter
Source Code@AndreaCorinti Twitter PhotoAndrea Corinti
Source Code@ashur Twitter PhotoEats & Drinks
Source Code@bmeurer Twitter PhotoBenedikt Meurer
Source Code@bradtaunt Twitter PhotoBradley Taunt
Source Code@CasseyLottman Twitter PhotoToday Cassey Learned
Source Code@cathy_dutton Twitter PhotoCathy Dutton
Source Code@cezaraugusto Twitter PhotoCezar Augusto
Source Code@chrisssycollins Twitter PhotoChris Collins
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@redsesame Twitter PhotoEveryday Information Architecture
Source Code@ffconf Twitter Photoffconf
Source Code@snookca Twitter PhotoFifty by Fifty
Source Codefontspeed
Source Code@minamarkham Twitter PhotoFormation
Source Code@gvonkoss Twitter PhotoGabrielle von Koss
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@thatianrose Twitter PhotoIan Rose
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@jeremenichelli Twitter PhotoJeremias Menichelli
Source Code@jeremyswinnen Twitter PhotoJeremy Swinnen
Source Code@johanbrook Twitter PhotoJohan Brook
Source Code@kleinfreund Twitter Photokleinfreund.de
Source Code@chinchang457 Twitter PhotoKushagra’s World
Source Code@leedsjs Twitter PhotoLeedsJS
Source Code@levimcg Twitter PhotoLevi McGranahan
Source Code@LondonCSS Twitter PhotoLondon CSS
Source Code@mxbck Twitter PhotoMax Böck
Source Code@mmatuzo Twitter PhotoManuel Matuzović
Source Code@brob Twitter PhotoBut My Client Wants…
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@misprintedtype Twitter PhotoOla Gasidlo
Source Code@paulrobertlloyd Twitter PhotoPaul Robert Lloyd
Source Code@pborenstein Twitter Photopborenstein
Source Code@hankchizljaw Twitter PhotoPersonal sites are awesome!
Source Code@pianomanfrazier Twitter PhotoLilypond in Markdown
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@DasSurma Twitter PhotoSurma
Source Code@hybrid_alex Twitter PhotoUS Coffee Roasters
Source Code@v8js Twitter PhotoV8
Source Code@hankchizljaw Twitter PhotoWeb Components Club
Source Code@ChromiumDev Twitter Photoweb.dev
Source Code@WiltoMakesFood Twitter PhotoWilto Makes Food
Source Code@minamarkham Twitter PhotoYoncé
Source Code@zachleat Twitter PhotoZach Leatherman
Source Code@zellwk Twitter PhotoZell Liew