Eleventy The possum is Eleventy’s mascot

Eleventy Documentation

Menu

Starter Projects #

Add your own starter project. Community contributions are shown in random order. Lighthouse scores are updated daily.

NameAuthorDescriptionLighthouse Score
eleventy-base-blogeleven_tyOfficialHow to build a blog web site with Eleventy.
eleventy-on-glitcheleven_tyOfficialA playground site for Eleventy on Glitch with live rendered views right on the web!
FundamentyysahnparkysahnparkMulti-language support, SEO-friendly, GitHub/GitLab Pages-ready. TailwindCSS+Webpack.
Résumé TemplatetreytreyAn 11ty template project for a résumé.
About MePersonal website template, built with Eleventy.
11ty-Contentful-StartershyruparelshyruparelAn Eleventy powered multipage starter project that uses Contentful to create, and manage pages. The front end utilizes the HTML5UP Solid State theme for layout and styling.
Eleventy Starter GhostDavidDarnesDavidDarnesA starter template to build websites with Ghost & Eleventy.
Eleventy High Performance BlogcramforcecramforceA high performance blog template for the 11ty static site generator.
XITY StarterequinusocioequinusocioA bare bone blog-ready starter based on PostCSS, Native Elements and Parcel. With RSS feed and service worker out of the box!
Eleventy GardenbinyamingreenbinyamingreenA starter site for building a digital garden, or personal wiki, in Eleventy.
11ty Netlify Jumpstart5t3ph5t3phIncludes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.
TwelvetyDefault Avatargregiv_esTwelvety is an Eleventy starter project built to be fast, with component architecture, CSS & JS pipelines, a responsive picture shortcode with WebP support and more
pack11tynhoizeynhoizeyAn opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, Service Worker, etc.
Pugsumvktrwltvktrwlt11ty starter kit using TailwindCSS, Pug, and Webpack
🍦.11ty.jsreubenlilliereubenlillieHow to build an extensible blog with JavaScript templates (*.11ty.js files).
Books!A little, personal search engine homepage based on Blank2.
eastslopestudio eleventy-starterryanscherlerryanscherlerA project scaffold for quickly starting a site build with Tailwindcss, PurgeCSS, Parcel JS
ElevenpackdeviousdododeviousdodoAn Eleventy starter pack with webpack, PostCSS and cache busting for production deployments.
til-blogCasseyLottmanCasseyLottmanA project showing a basic blog with tags, based on eleventy-base-blog and optimized for Glitch.
11ty with webpack multiple bundlesDefault Avatarkjugi11ty + webpack + nunjucks - Simple static website, well fits as about me page with blog.
eleventy-sanity-blog-boilerplatekmelvekmelveAn eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and instructions for deploying on Netlify and `now`.
eleventy-shortcompsduncanadamduncanadamStarter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
eleventy-netlify-boilerplateDanUrbanowiczDanUrbanowiczA template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
11ty-Contentful-Photo-GalleryshyruparelshyruparelA Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages.
YAESDefault Avatar22mahmoudStarter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
eleventyonephilhawksworthphilhawksworthis an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS.
Eleventy Filter Coffee StarteryeshyeshA simple Eleventy starter kit with css compiled with Gulp, image optimization with imagemin and asset hashing.
eleventy-blog-mnmlarpitbatra123arpitbatra123A minimal blog template using eleventy
11rTheReeseSchultzTheReeseSchultzA blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc.
11ty-Collected-NotesDefault Avatarjenaroc11ty + Collected Notes API
1ynhoizeynhoizeyA template project to build a short URL manager with Eleventy
Tai11sdanfasciadanfasciaAn Eleventy starter with Tailwind CSS and PurgeCSS
eleventastic-kontentmakmamakmaA simple Eleventy Starter Kit based on Eleventastic with content powered by Kontent CMS.
11st-Starter-Kitstefanfredestefanfrede11ty + Snowpack + tailwindcss
Eleventy Solo StarterBryceWrayTXBryceWrayTXEleventy starter with PostCSS, Tailwind CSS, Lazyload (“vanilla lazyload”), and build-time creation and processing of responsive images.
static-startermattwalermattwalerA static site starting template built with 11ty, Svelte, TailwindCSS, and Rollup for pragmatic and simple FED.
Eleventy ReactsignalkuppesignalkuppeUse React, styled components and storybook in Eleventy
deventythatianrosethatianroseA minimal 11ty starting point for building static websites with modern tools.
eleventasticmxbckmxbckA simple Eleventy Starter Kit, the Max Böck base for all new 11ty projects.
ElfDefault AvatarstowballElf is a simple, magical starter kit using webpack, Babel and Sass.
eleventy-starter-typescriptc0derabbitc0derabbitUnopinionated, minimal starter with TypeScript templates.
Skeleventyjoe_dyer1joe_dyer1A skeleton boilerplate built with Eleventy and Tailwind CSS.
eleventy-webpackclenemtclenemtA barebone Eleventy and Webpack boilerplate 🎈
SevenplanetofthewebplanetofthewebAn eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.
vredeburgdafiulhdafiulhA simple starter project to create a blog using Eleventy and Tailwind CSS.
Eleventy Starter BoilerplateIxartzIxartz🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS.
Eleventy Classic Blog Starter (ECBS)Default AvatartigerswaynetA starter template to build a classic `Hyde` blog with Eleventy.
Simple JournalscottishstoaterscottishstoaterA simple journal/photo log website built on top of 11ty.
Jamstack Web StarterscottishstoaterscottishstoaterA modern static website workflow using Eleventy, Tailwind CSS, Webpack and PostCSS.
eleventy-tailwindcss-alpinejs-startergregwolanskigregwolanskiMinimalism + Eleventy + Tailwind CSS + Alpine.js
SmixhirusihirusiA starter with: modular gulp asset pipeline, PostCSS, ES2015 JS, blog-ready, set-up for Forestry CMS, production-ready TailwindCSS, easy dark mode theming
SupermayaMikeRiethmullerMikeRiethmullerSupermaya is an Eleventy starter kit designed to help you add rich features to a blog or website without the need for a complicated build process.
11ty-encoredisjfadisjfa11ty using webpack encore
Blank Slate v2treytreyStart a fresh website using 11ty to do a bunch of stuff.
Hyliahankchizljawhankchizljawis a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes.
Twenty NinetyDefault AvatarseancdavisA production-ready starter kit, optimized for performance.
jet 🛩marcamosmarcamosIt’s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it’s still really small though.
Add your own!

Lists #

Source Code Samples #

Be sure to check out a full list of every Built With Eleventy site that has provided a link to their source code.


Other pages in Getting Started: