Starter Projects #
Add your own starter project. Community contributions are shown in random order. Lighthouse scores are updated daily.
| Name | Author | Description | Lighthouse Score |
|---|---|---|---|
| eleventy-base-blog |  | How to build a blog web site with Eleventy. | |
| eleventy-on-glitch | | A playground site for Eleventy on Glitch with live rendered views right on the web! | |
| Skeleventy |  | A skeleton boilerplate built with Eleventy and Tailwind CSS. | |
| Books! | A little, personal search engine homepage based on Blank2. | ||
| Supermaya |  | Supermaya 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. | |
| XITY Starter |  | A bare bone blog-ready starter based on PostCSS, Native Elements and Parcel. With RSS feed and service worker out of the box! | |
| 11r | A blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc. | ||
| eastslopestudio eleventy-starter |  | A project scaffold for quickly starting a site build with Tailwindcss, PurgeCSS, Parcel JS | |
| Eleventy React |  | Use React, styled components and storybook in Eleventy | |
| eleventy-sanity-blog-boilerplate |  | An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and instructions for deploying on Netlify and `now`. | |
| Smix |  | A starter with: modular gulp asset pipeline, PostCSS, ES2015 JS, blog-ready, set-up for Forestry CMS, production-ready TailwindCSS, easy dark mode theming | |
| 11ty-Contentful-Photo-Gallery |  | A Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages. | |
| Simple Journal |  | A simple journal/photo log website built on top of 11ty. | |
| deventy |  | A minimal 11ty starting point for building static websites with modern tools. | |
| eleventyone |  | is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS. | |
| Eleventy-AgilityCMS-Starter-Blog |  | A starter blog using Eleventy and powered by Agility CMS with full page and module management. Uses TailwindCSS and Alpine.js. | |
| 11ty-blog-starter |  kohrongying | Minimal blog template. Supports browsing in the internet without Javascript. | |
| 11tyby |  | 11tyby tries to emulate the great DX of Gatsby, but with 11ty! It's setup with TypeScript, SASS, CSS Modules, Webpack, Preact and more. All optimised for performance. | |
| Minimal 11ty + Tailwind Starter |  | A very minimal, beginner-friendly starter with tailwind and a smart navigation component. | |
| Spacebook |  | Create fast and simple documentation to explain almost anything. Using Eleventy, Tailwind 2.0, Alpine.js, and Netlify CMS (optional). | |
| 🍦.11ty.js |  | How to build an extensible blog with JavaScript templates (*.11ty.js files). | |
| eleventy-starter-typescript |  | Unopinionated, minimal starter with TypeScript templates. | |
| Eleventy Duo |  | Eleventy Duo is a production-ready and SEO-friendly starter for building a blog or personal website. Comes with a customizable duotone theme, minimal and clean design. | |
| Eleventy Starter Ghost |  | A starter template to build websites with Ghost & Eleventy. | |
| Résumé Template |  | An 11ty template project for a résumé. | |
| eleventy-site |  | A simple Eleventy site | |
| 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. | |
| Eleventy Classic Blog Starter (ECBS) |  | A starter template to build a classic `Hyde` blog with Eleventy. | |
| microsite |  | Opinionated micro front-end that sets common 11ty defaults. Great for creating landing pages. | |
| Blank Slate v2 | | Start a fresh website using 11ty to do a bunch of stuff. | |
| Eleventy Solo Starter (.11ty.js version) |  | Eleventy starter with PostCSS, Tailwind CSS, Lazyload (“vanilla lazyload”), and build-time creation and processing of responsive images; .11ty.js templating, with alternate Nunjucks-based (.njk) version. | |
| eleventastic-kontent | | A simple Eleventy Starter Kit based on Eleventastic with content powered by Kontent CMS. | |
| vredeburg | | A simple starter project to create a blog using Eleventy and Tailwind CSS. | |
| jet 🛩 |  | It’s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it’s still really small though. | |
| Elevenpack |  | An Eleventy starter pack with webpack, PostCSS and cache busting for production deployments. | |
| eleventy-shortcomps |  | Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern. | |
| Jamstack Web Starter | | A modern static website workflow using Eleventy, Tailwind CSS, Webpack and PostCSS. | |
| 11ty-Contentful-Starter | | An 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 Chirpy Blog Template |  | 11ty version of the popular Chirpy Jekyll blog template. | |
| TEA Stack | | A starting point with TailwindCSS, 11ty, and AlpineJS ready to roll. | |
| jace-ty |  | Search, Folders for Posts, Utteranc.es for comments | |
| Elf |  | Elf is a simple, magical starter kit using webpack, Babel and Sass. | |
| kailoon.com | My simple portfolio blog built using 11th and tailwindcss. | ||
| eleventy-agile-blog | | A minimal blog template using Eleventy, this one implements a simple agile development workflow so you can get stuff done | |
| Tai11s |  | An Eleventy starter with Tailwind CSS and PurgeCSS | |
| Seven |  | An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more. | |
| Eleventy Garden |  | A starter site for building a digital garden, or personal wiki, in Eleventy. | |
| Fundamenty |  | Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready. TailwindCSS+Webpack. | |
| windty 🌬️ |  | Windty is a basic template using 11ty and Tailwind, and deploys to github pages. | |
| eleventy-blog-mnml |  | A minimal blog template using eleventy | |
| 11ty-starter |  | Demonstration static site and blog using Eleventy as a build tool for all content, CSS, JavaScript, and images. | |
| About Me | Personal website template, built with Eleventy. | ||
| Miayam 11ty Starter Project |  | A brutalist 11ty starter project built with as little tooling as possible. Atomic Design, Webpack, Pug, SCSS, Vanilla JS | |
| 11TA |  | 11TA is a deeply customizable, full-featured, ready-to-publish blog/marketing template system built with 11ty, TailwindCSS, & Alpine.js | |
| Eleventy Filter Coffee Starter |  | A simple Eleventy starter kit with css compiled with Gulp, image optimization with imagemin and asset hashing. | |
| Hylia |  | is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes. | |
| pack11ty |  | An opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, Service Worker, etc. | |
| YAES | | Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack. | |
| 11ty-notes | 11ty-notes is an Eleventy starter to manage your notes so you don't forget stuff | ||
| Twelvety |  | Twelvety is an Eleventy starter project built to be fast, with component architecture, CSS & JS pipelines, a responsive picture shortcode with WebP support and more | |
| Eleventy NEAT Starter |  | Eleventy Starter Template with NEAT Stack - Netlify CMS, Eleventy, Alphine JS & Tailwind CSS | |
| 11st-Starter-Kit | | 11ty, powered by Snowpack with Tailwind CSS and Alpine.js. | |
| Eleventy Starter Boilerplate |  | 🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS. | |
| Pugsum | | 11ty starter kit using TailwindCSS, Pug, and Webpack | |
| til-blog |  | A project showing a basic blog with tags, based on eleventy-base-blog and optimized for Glitch. | |
| 11ty-encore |  | 11ty using webpack encore | |
| Eleventy Solo Starter (.njk version) | | Eleventy starter with PostCSS, Tailwind CSS, Lazyload (“vanilla lazyload”), and build-time creation and processing of responsive images; Nunjucks templating, with alternate JavaScript-based (.11ty.js) version. | |
| Rocket11ty |  | A simple 11ty blog with Halfmoon CSS based on 11ty/eleventy-base-blog | |
| 11ty-bs5-starter | | Bootstrap 5 starter for 11ty. Developed with rapid prototyping, easy customization/theming and fast loading times in mind. | |
| WP 11ty |  | A minimal example showing how to use the WordPress API to drive a static Eleventy frontend. | |
| Eleventy High Performance Blog |  | A high performance blog template for the 11ty static site generator. | |
| eleventy-webpack |  | A barebone Eleventy and Webpack boilerplate 🎈 | |
| 11ty-Collected-Notes |  | 11ty + Collected Notes API | |
| 11ty Netlify Jumpstart |  | Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images. | |
| eleventy-tailwindcss-alpinejs-starter |  | Minimalism + Eleventy + Tailwind CSS + Alpine.js | |
| eleventastic |  | A simple Eleventy Starter Kit, the Max Böck base for all new 11ty projects. | |
| 1y | | A template project to build a short URL manager with Eleventy | |
| Twenty Ninety |  | A production-ready starter kit, optimized for performance. | |
| 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.