Eleventy The possum is Eleventy’s mascot

Eleventy Documentation

This is an older version of Eleventy. Go to the newest Eleventy docs (current path: /docs/starter/) or the full release history.
Menu

Starter Projects #

  1. eleven_tyeleventy-base-blog How to build a blog web site with Eleventy.
  2. eleven_tyeleventy-on-glitch A playground site for Eleventy on Glitch with live rendered views right on the web!
  3. CasseyLottmaneleventy-on-glitch by cassey-til A starter repository showing how to build a blog with the Eleventy static site generator.
  4. philhawkswortheleventyone is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS.
  5. hankchizljawHylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes.
  6. thatianrosedeventy A minimal 11ty starting point for building static websites with modern tools.
  7. DanUrbanowiczeleventy-netlify-boilerplate A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
  8. duncanadameleventy-shortcomps Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
  9. joe_dyer1Skeleventy A skeleton boilerplate built with Eleventy and Tailwind CSS.
  10. scottishstoaterSimple Journal A simple journal/photo log website built on top of 11ty.
  11. planetofthewebSeven An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.
  12. kmelveeleventy-sanity-blog-boilerplate An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and intstructions for deploying on Netlify and now.
  13. DavidDarnesEleventy Starter Ghost A starter template to build websites with Ghost & Eleventy.
  14. stackbithqJAMStack Themes A list of starter themes filterable by supported static site generator and CMS. Link is directly to 11ty category.
  15. danfasciaTai11s An Eleventy starter with Tailwind CSS and PurgeCSS
  16. equinusocioXITY Starter A bare bone blog-ready starter based on PostCSS, Native Elements and Parcel. With RSS feed and service worker out of the box!
  17. nhoizey1y A template project to build a short URL manager with Eleventy
  18. ryanscherlereleventy-starter A project scaffold for quickly starting a site build with Tailwindcss, PurgeCSS, Parcel JS
  19. deviousdodoElevenpack An Eleventy starter pack with webpack, PostCSS and cache busting for production deployments.
  20. disjfa11ty-encore 11ty using webpack encore
  21. mattwalerstatic-starter A static site starting template built with 11ty, Svelte, TailwindCSS, and Rollup for pragmatic and simple FED.

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 Codejamesdoc’s twitter avatarJames Doc
Source Codezachleat’s twitter avatarZach Leatherman
Source Codeoriginalzedders’s twitter avatarZachary’s site and blog
Source Codeminamarkham’s twitter avatarYoncé
Source CodeYoghaswara's Dev
Source Codeeleven_ty’s twitter avatarEleventy Docs
Source Code11tyTips
Source CodeTheTalesOfImmo’s twitter avatarAethel
Source Codeninjasoards’s twitter avatarAIGA Louisville Awards 2019 Winners
Source Codeaalexpaage’s twitter avatarAlex Page - Portfolio
Source Codehybrid_alex’s twitter avatarAlex Carpenter
Source Code_amorgunov’s twitter avatarMorgunov Alexander
Source CodeDavidDarnes’s twitter avatarDavid Darnes
Source Codeandeersg’s twitter avatarAnders Grendstadbakk
Source CodeAndreaCorinti’s twitter avatarAndrea Corinti
Source Codebigandy’s twitter avatarAndrew Hudson
Source CodeAndrewRPucci’s twitter avatarAndrew Pucci
Source CodeAndrew Rico
Source Codearpitbatra123’s twitter avatarArpit Batra
Source Codeashur’s twitter avatarEats & Drinks
Source Codebartzia’s twitter avatarIván Barcia
Source Codebmeurer’s twitter avatarBenedikt Meurer
Source CodeJosefBiehler’s twitter avatarBiehler Josef Portfolio
Source Codetomayac’s twitter avatarThomas Steiner
Source Coderealglenndixon’s twitter avatarGlenn's Books
Source Codebradtaunt’s twitter avatarBradley Taunt
Source Codebrob’s twitter avatarBryan Robinson’s Blog
Source CodeBryceWrayTX’s twitter avatarBryce Wray
Source CodeCasseyLottman’s twitter avatarToday Cassey Learned
Source Codecathy_dutton’s twitter avatarCathy Dutton
Source Codecezaraugusto’s twitter avatarCezar Augusto
Source Codechocosculptress’s twitter avatarChocolate Sculptress
Source Codescottishstoater’s twitter avatarChris Collins
Source Codechriskrycho’s twitter avatarChris Krycho
Source Codechristian_fei’s twitter avatarChristian Fei
Source CodeChromiumDev’s twitter avatarChrome Dev Summit 2019
Source CodeCØASTLINE
Source Codemaelb’s twitter avatarconsole.❤️
Source CodeCoreyDMcCarty’s twitter avatarAdventures in Coding
Source Code_fricca_’s twitter avatarCorina Rudel
Source CodeCAdotgov’s twitter avatarCalifornia Coronavirus COVID-19 Response
Source Codecroqaz’s twitter avatarCristi Constantin
Source Codecss’s twitter avatarCSS Tricks Conferences
Source Codefershad’s twitter avatarChinese Taipei Touch Almanac
Source Codedandevri’s twitter avatarDanny de Vries
Source Codedaslaf’s twitter avatarOsman Cea
Source Codedave_powers’s twitter avatarDave Powers
Source Codealex_kaul’s twitter avatarDeBitpay Directory
Source Codedennisview’s twitter avatarDennis Hagemeier
Source Codesaschadiercks’s twitter avatarDesign System with 11ty
Source Codeoriginalzedders’s twitter avatar🚀DevSites
Source Codedgrammatiko’s twitter avatarDimitris Grammatikogiannis' Blog
Source Code11ty-encore
Source Coderealglenndixon’s twitter avatarDixon Wildlife Art
Source CodeEmilyKnowsHTML’s twitter avatar#DIYPPE Make. Donate. Volunteer. Request.
Source Codejgarber’s twitter avatarNext Thing Co. Docs
Source Codedodothebird’s twitter avatarDoğan Öztürk | Blog
Source Codeduncan’s twitter avatarDuncan Davidson
Source Codevladzinculescu’s twitter avatarCSS3 Logos
Source Code_edjw’s twitter avatarEd Johnson-Williams’ Blog
Source Codelea_tortay’s twitter avatarLea Tortay snipcart demo
Source CodeSm0keDev’s twitter avatarEleventy Html5UP TXT
Source CodeStep by Step, Eleventy Demo
Source Codemxbck’s twitter avatarEmergency Site
Source Codegeteslint’s twitter avatarESLint
Source Coderedsesame’s twitter avatarEveryday Information Architecture
Source Codeeverywhereschl’s twitter avatarEverywhere School
Source Codeffconf’s twitter avatarffconf
Source Codesnookca’s twitter avatarFifty by Fifty
Source Codefontspeed’s twitter avatarfontspeed
Source Codeminamarkham’s twitter avatarFormation
Source Codeisfotis’s twitter avatarFotis Papadogeorgopoulos' Blog
Source Codemmatuzo’s twitter avatarFront-end Bookmarks
Source Codefrontend_weekly’s twitter avatarFrontend Weekly Tokyo
Source Code_coolcut’s twitter avatarJan Früchtl’s personal site
Source Codegerwitz’s twitter avatarHans Gerwitz
Source Codegeshan’s twitter avatarGeshan’s Blog
Source Codepsylok’s twitter avatarGiorgio Pretto personal website
Source Coderealglenndixon’s twitter avatarGlenn 2.0
Source Codegvonkoss’s twitter avatarGabrielle von Koss
Source Codephilhawksworth’s twitter avatarHawksworx
Source Codewilto’s twitter avatarI’m Mat. I make websites.
Source Codederekhoman’s twitter avatarThe Ramblings of Derek Homan
Source Codemmatuzo’s twitter avatarHTMHell
Source Codethatianrose’s twitter avatarIan Rose
Source Codeeleven_ty’s twitter avatarHeydon Pickering’s Inclusive Web Design Checklist, converted to use eleventy
Source Codeallanebdrup’s twitter avatarTalks about DevOps by Allan Ebdrup (Danish)
Source Codeivoputzer’s twitter avatarIvo von Putzer Reibegg
Source CodeWiltoMakesFood’s twitter avatarWilto Makes Food
Source Codejdsteinbach’s twitter avatarJames Steinbach
Source Codephilhawksworth’s twitter avatarJamstack Comments Engine
Source Codejeffposnick’s twitter avatarJeff Posnick
Source Codejeremenichelli’s twitter avatarJeremias Menichelli
Source Codejeremyswinnen’s twitter avatarJeremy Swinnen
Source Codejeromecoupe’s twitter avatarWebstoemp
Source Codejohanbrook’s twitter avatarJohan Brook
Source Codethejoshcrain’s twitter avatarJosh Crain
Source Codejoshuakeel’s twitter avatarJoshua Keel
Source Codejuanfernandes’s twitter avatarJuan Fernandes
Source CodeKackDev’s twitter avatarKackDev
Source Codekcodeuk’s twitter avatarKingdom Code
Source Codekleinfreund’s twitter avatarkleinfreund.de
Source Codechinchang457’s twitter avatarKushagra’s World
Source Codeleedsjs’s twitter avatarLeedsJS
Source Code5onderling’s twitter avatarLenny Anders
Source CodeitsLeeOhGee’s twitter avatarLeo Generali
Source Codelevimcg’s twitter avatarLevi McGranahan
Source CodeLondonCSS’s twitter avatarLondon CSS
Source Codelp_cast’s twitter avatarLP
Source CodeMikeRiethmuller’s twitter avatarMadeByMike
Source Codemanuelwieser’s twitter avatarmanu.ninja | Front-End Development, Games and Digital Art
Source Codeilikescience’s twitter avatarMatthew Ström
Source Codemattradford’s twitter avatarMatt Radford
Source Codemxbck’s twitter avatarMax Böck
Source Codejonnyburch’s twitter avatarMeals for the NHS
Source Codemarcfilleul’s twitter avatarMF Blog Starter
Source Codelea_tortay’s twitter avatarLéa Tortay starter
Source Codemmatuzo’s twitter avatarManuel Matuzović
Source Codeb0neskull’s twitter avatarMocha
Source Code5t3ph’s twitter avatarModern CSS Solutions
Source CodeMohitKarekar’s twitter avatarMohit Karekar
Source Codelea_tortay’s twitter avatarLéa Tortay multilingual starter
Source Codebrob’s twitter avatarBut My Client Wants…
Source Codeokitavera’s twitter avatarNanda Okitavera
Source CodeNLC_HQ’s twitter avatarThe National Leadership Centre website
Source Codenejsconf’s twitter avatarNEJS CONF 2018
Source Codenejsconf’s twitter avatarNEJS CONF History
Source Codenetlify’s twitter avatarNetlify Templates
Source Codenhoizey’s twitter avatarNicolas Hoizey
Source Codenothingrandom’s twitter avatarBenjamin Hollway's personal site
Source Codephilhawksworth’s twitter avatarEvent listing from Notist
Source Codemarutchell’s twitter avatarnuotsu / Mitchell Christ
Source Codemisprintedtype’s twitter avatarOla Gasidlo
Source Codepaulrobertlloyd’s twitter avatarPaul Robert Lloyd
Source Codepborenstein’s twitter avatarpborenstein
Source Codemattclaffey1’s twitter avatarPerformance Kit
Source Codehankchizljaw’s twitter avatarPersonal sites are awesome!
Source Codepianomanfrazier’s twitter avatarLilypond in Markdown
Source Codepolymer’s twitter avatarPolymer Lit Element Starter
Source Codenhoizey’s twitter avatarPrecious Prana
Source Codepustelto’s twitter avatarTomas Pustelnik’s blog
Source Codekant312’s twitter avatarQuentin Delcourt
Source Codequesthinkcom’s twitter avatarQuesthink
Source CoderamigsDev’s twitter avatarRami Shashati
Source Coderaymondcamden’s twitter avatarRaymond Camden’s Blog
Source Codereubenlillie’s twitter avatarReuben L. Lillie
Source Coderbnsl_’s twitter avatarRohan Bansal
Source Codephilhawksworth’s twitter avatarMedium to Small JAMstack
Source Coderyzokuken’s twitter avatarUjjwal “Ryzokuken” Sharma
Source Codecodingchaos’s twitter avatarSarah Higley's personal site
Source Codescottmccracken’s twitter avatarScott McCracken
Source Codescottw’s twitter avatarScottW.com
Source CodeScreen Read
Source Codejamesdoc’s twitter avatarSecond of May
Source Codedefaced’s twitter avatarSEOslides.page
Source Codephilhawksworth’s twitter avatarSet Your Watch By
Source Codeshidhincr’s twitter avatarUndefinedNull.com - Shidhin’s Blog
Source Codeshotplot’s twitter avatarshotplot
Source Codeshuttersh’s twitter avatarShutter Documentation
Source CodeTheGreenGreek’s twitter avatarSia Karamalegos
Source Codesignalkuppe’s twitter avatarMatteo Leoni
Source Codesindreboyum’s twitter avatarSindre Bøyum’s website
Source Codeluwes’s twitter avatarSinuous
Source Codefrontend_weekly’s twitter avatarSixty Six — Stop forgetting what I read
Source Codejgarber’s twitter avatarsketchnotes.sixtwothree.org
Source Codesplitinfinities’s twitter avatarSplit Infinities
Source Codetrey’s twitter avatarStephen King Checklist
Source Codesurajsjdhv’s twitter avatarSuraj Jadhav
Source CodeDasSurma’s twitter avatarSurma
Source Codetatianatmac’s twitter avatarTatiana Mac
Source Codetempertemper’s twitter avatartempertemper
Source Codehenrik’s twitter avatarThe Pug Automatic
Source Coderealglenndixon’s twitter avatarThe Dixons
Source Codetoddlibby’s twitter avatarTodd Libby
Source Codetreylabs’s twitter avatarTrey Labs
Source Codetrey’s twitter avatarTrey Piepmeier dot com
Source Codebmkoser’s twitter avatarTen to One Podcast
Source Codehybrid_alex’s twitter avatarUS Coffee Roasters
Source Codev8js’s twitter avatarGoogle V8
Source Coderealglenndixon’s twitter avatarVagabondians
Source Codevincefalconi’s twitter avatartattooed.dev: the site formerly known as vincefalconi dot com
Source Codevincentlistens’s twitter avatarVincent Pickering
Source Codefrontend_weekly’s twitter avatarVirga — A minimum Eleventy starter kit
Source CodeVTCodeCamp’s twitter avatarVT Code Camp
Source CodeChromiumDev’s twitter avatarweb.dev
Source Codejgarber’s twitter avatarThe Orchid
Source Codezellwk’s twitter avatarZell Liew

Other pages in Getting Started: