How to permanently delete a Facebook account
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.

eleven_ty’s twitter avatareleventy-base-blog
Screenshot of https://eleventy-base-blog.netlify.app/
🎈 Official Starter · How to build a blog web site with Eleventy.
glitch’s twitter avatarglitch.new/eleventy
Screenshot of https://glitch-hello-eleventy.glitch.me/
Featured · Build a new Eleventy generated static site with this official Glitch starter app.
holger1411’s twitter avatar11straps
Screenshot of https://11straps.com/
    A Eleventy + Bootstrap 5 starterkit
    gregiv_es’s twitter avatarTwelvety
    Screenshot of https://twelvety.netlify.app/
    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
    yesh’s twitter avatarEleventy Filter Coffee Starter
    Screenshot of https://filtercoffee.netlify.app/
    A simple Eleventy starter kit with css compiled with Gulp, image optimization with imagemin and asset hashing.
    signalkuppe’s twitter avatarEleventy React
    Screenshot of https://eleventy-react.netlify.app/
    Use React, styled components and storybook in Eleventy
    distantcam’s twitter avatarwindty 🌬️
    Screenshot of https://distantcam.github.io/windty/
    Windty is a basic template using 11ty and Tailwind, and deploys to github pages.
    Default Avatareleventy-wcag-reporter
    Screenshot of https://eleventy-wcag-reporter.netlify.app
    A starter pack for creating WCAG conformance reports with Eleventy
    deviousdodo’s twitter avatarElevenpack
    Screenshot of https://elevenpack.netlify.app/
    An Eleventy starter pack with webpack, PostCSS and cache busting for production deployments.
    5t3ph’s twitter avatar11ty Netlify Jumpstart
    Screenshot of https://11ty-netlify-jumpstart.netlify.app/
      Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.
      mikeriethmuller’s twitter avatarSupermaya
      Screenshot of https://supermaya-demo.netlify.app/
      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.
      trey’s twitter avatarBooks!
      Screenshot of https://books.trey.cc
      A little, personal search engine homepage based on Blank2.
      mjgs’s twitter avatareleventy-agile-blog
      Screenshot of https://festive-haibt-b7ead0.netlify.app
      A minimal blog template using Eleventy, this one implements a simple agile development workflow so you can get stuff done
      Default AvatarPurple: Eleventy + Stylus Starter Blog
      Screenshot of https://eleventy-stylus-blog-theme.vercel.app/
      A nice looking, simple blog theme built with Eleventy SSG and Stylus Preprocessor
      miayam’s twitter avatarMiayam 11ty Starter Project
      Screenshot of https://docs.miayam.io
      A brutalist 11ty starter project built with as little tooling as possible. Atomic Design, Webpack, Pug, SCSS, Vanilla JS
      Default AvatarJam11ty
      Screenshot of https://github.com/Andrewrico/Jam11ty
      11ty Started Theme for Headless Ecommerce
      nhoizey’s twitter avatar1y
      Screenshot of https://github.com/nhoizey/1y
      A template project to build a short URL manager with Eleventy
      makma’s twitter avatareleventastic-kontent
      Screenshot of https://eleventastic-kontent.netlify.app/
      A simple Eleventy Starter Kit based on Eleventastic with content powered by Kontent CMS.
      equinusocio’s twitter avatarXITY Starter
      Screenshot of https://xity-starter.netlify.app/
      A bare bone blog-ready starter based on PostCSS, Native Elements and Parcel. With RSS feed and service worker out of the box!
      binyamingreen’s twitter avatarEleventy Garden
      Screenshot of https://eleventy-garden.netlify.app/
      A starter site for building a digital garden, or personal wiki, in Eleventy.
      thatianrose’s twitter avatardeventy
      Screenshot of https://github.com/ianrose/deventy
      A minimal 11ty starting point for building static websites with modern tools.
      Default Avatarroxo-eleventy
      Screenshot of https://roxo-eleventy.staticmania.com/
      Roxo is an 11ty starter project for creative agencies, freelancers, graphic designers, photographers
      scottishstoater’s twitter avatarSimple Journal
      Screenshot of https://simplejournal.chriscollins.me/
      A simple journal/photo log website built on top of 11ty.
      nhoizey’s twitter avatarpack11ty
      Screenshot of https://pack11ty.dev/
      An opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, Service Worker, etc.
      Default Avatarvredeburg
      Screenshot of https://vredeburg.netlify.app/
      A simple starter project to create a blog using Eleventy and Tailwind CSS.
      kmelve’s twitter avatareleventy-sanity-blog-boilerplate
      Screenshot of https://github.com/kmelve/eleventy-sanity-blog-boilerplate
      An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and instructions for deploying on Netlify and `now`.
      craigbuckler’s twitter avatar11ty-starter
      Screenshot of https://github.com/craigbuckler/11ty-starter
      Demonstration static site and blog using Eleventy as a build tool for all content, CSS, JavaScript, and images.
      ashur’s twitter avatarEleventy Portway Starter
      Screenshot of https://eleventy-portway-starter.netlify.app/
      A starter template for building a blog with Eleventy and Portway
      uuki_dev’s twitter avatar11ty-hbs-webpack
      Screenshot of https://xenodochial-morse-1c8f1c.netlify.app/
      Eleventy with Handlebars(support asynchronous helper) and Webpack boilerplate.
      aboutdavid’s twitter avatarRocket11ty
      Screenshot of https://rocket11ty.netlify.app
      A simple 11ty blog with Halfmoon CSS based on 11ty/eleventy-base-blog
      cbergen’s twitter avatar11ty-nostrils
      Screenshot of https://11ty-nostrils.netlify.app/
      A starter config for Eleventy with pipelines for Typescript and PostCSS.
      joelvarty’s twitter avatarEleventy-AgilityCMS-Starter-Blog
      Screenshot of https://agilitycms-eleventy-starter-2020.vercel.app/
      A starter blog using Eleventy and powered by Agility CMS with full page and module management. Uses TailwindCSS and Alpine.js.
      jalediazb’s twitter avatarOnce
      Screenshot of https://once-eleventy.netlify.app/
      Personal theme made with Eleventy and Bulma
      Default AvatarAbout Me
      Screenshot of https://github.com/alwayslivid/eleventy-about-me
      Personal website template, built with Eleventy.
      Default AvatarYAES
      Screenshot of https://yaes.netlify.app/
      Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
      Default AvatarEleventy Skeleton
      Screenshot of https://11ty-skeleton.netlify.app/
      Barebones Eleventy. No dependencies or preprocessors.
      daviddarnes’s twitter avatarEleventy Starter Ghost
      Screenshot of https://eleventy.ghost.org/
      A starter template to build websites with Ghost & Eleventy.
      jacebenson’s twitter avatarjace-ty
      Screenshot of https://jace-ty.netlify.app/
      Search, Folders for Posts, Utteranc.es for comments
      tigerswaynet’s twitter avatarFruits Express
      Screenshot of https://fruits-express.netlify.app/
      Simple sample with Eleventy & TailwindCSS
      Default Avatarkailoon.com
      Screenshot of https://kailoon.com
      My simple portfolio blog built using 11th and tailwindcss.
      scottishstoater’s twitter avatarEleventy Web Starter
      Screenshot of https://eleventywebstarter.netlify.app
      A lightweight Eleventy boilerplate utilising, esbuild Tailwind CSS and Post CSS.
      ixartz’s twitter avatarEleventy Starter Boilerplate
      Screenshot of https://creativedesignsguru.com/demo/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.
      clenemt’s twitter avatareleventy-webpack
      Screenshot of https://eleventy-webpack.netlify.app/
      A barebone Eleventy and Webpack boilerplate 🎈
      Default AvatarEleventy Kickstart Blog
      Screenshot of https://eleventy-kickstart-blog.vercel.app/
      Kickstart your website with this production-ready template using 11ty, the new vite, tailwindcss and daisyui.
      joe_dyer1’s twitter avatarSkeleventy
      Screenshot of https://skeleventy.netlify.app/
      A skeleton boilerplate built with Eleventy and Tailwind CSS.
      stefanfrede’s twitter avatar11st-Starter-Kit
      Screenshot of https://11st-starter-kit.netlify.app/
      11ty, powered by Snowpack with Tailwind CSS and Alpine.js.
      ysahnpark’s twitter avatarFundamenty
      Screenshot of https://fundamenty.netlify.app/
      Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready. TailwindCSS+Webpack.
      c0derabbit’s twitter avatareleventy-starter-typescript
      Screenshot of https://eleventy-starter-typescript.vercel.app/
      Unopinionated, minimal starter with TypeScript templates.
      ted2xmen’s twitter avatarTed2xmen
      Screenshot of https://github.com/Ted2xmen/sanity-eleventy-blog
      A starting point with Bootstrap, 11ty, and Sanity.
      dandevri’s twitter avatarmicrosite
      Screenshot of https://voight-microsite.netlify.app
      Opinionated micro front-end that sets common 11ty defaults. Great for creating landing pages.
      michaelwdelaney’s twitter avatarZeroPoint
      Screenshot of https://getzeropoint.com
        A modern, opinionated, bare-bones Jamstack starter using Eleventy to get 'up to zero' on a project quickly and easily.
        vktrwlt’s twitter avatarPugsum
        Screenshot of https://github.com/vktrwlt/pugsum
        11ty starter kit using TailwindCSS, Pug, and Webpack
        duncanadam’s twitter avatareleventy-shortcomps
        Screenshot of https://eleventy-shortcomps.netlify.app/
        Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
        ryanscherler’s twitter avatareastslopestudio eleventy-starter
        Screenshot of https://ess-eleventy-starter.netlify.app
        A project scaffold for quickly starting a site build with Tailwindcss, PurgeCSS, Parcel JS
        sidswork’s twitter avatar11ty-midnight
        Screenshot of https://11ty-midnight.netlify.app/
        Minimalist dark mode starter template for 11ty with support for jsfiddle embeds and prismjs syntax highlighting.
        surjithctly’s twitter avatarEleventy NEAT Starter
        Screenshot of https://neat-starter.netlify.app/
        Eleventy Starter Template with NEAT Stack - Netlify CMS, Eleventy, Alphine JS & Tailwind CSS
        maeligg’s twitter avatarMy Online Cookbook
        Screenshot of https://myonlinecookbook.netlify.app/
        An easily customisable starter kit to create your own cookbook of online recipes, using Netlify CMS.
        shyruparel’s twitter avatar11ty-Contentful-Photo-Gallery
        Screenshot of https://gallery.contentful.com/
        A Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages.
        broeker’s twitter avatarSpacebook
        Screenshot of https://spacebook.app/
        Create fast and simple documentation to explain almost anything. Using Eleventy, Tailwind 2.0, Alpine.js, and Netlify CMS (optional).
        mxbck’s twitter avatareleventastic
        Screenshot of https://eleventastic.netlify.app/
        A simple Eleventy Starter Kit, the Max Böck base for all new 11ty projects.
        cramforce’s twitter avatarEleventy High Performance Blog
        Screenshot of https://eleventy-high-performance-blog-sample.industrialempathy.com/
        A high performance blog template for the 11ty static site generator.
        hovhadovah’s twitter avatar11ty-sass-images-seo
        Screenshot of https://github.com/AleksandrHovhannisyan/11ty-sass-images-seo
        An 11ty starter with project scaffolding, Sass, image optimization, and SEO enhancements.
        mpdecamp’s twitter avatareleventonia
        Screenshot of https://eleventonia.decamp.dev
        A mildly opinionated Eleventy starter.
        Default Avatar11ty-notes
        Screenshot of https://11ty-notes.vercel.app
        11ty-notes is an Eleventy starter to manage your notes so you don't forget stuff
        danurbanowicz’s twitter avatareleventy-netlify-boilerplate
        Screenshot of https://eleventy-netlify-boilerplate.netlify.app/
        A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
        Default Avatarfrontenso-11ty-starter
        Screenshot of https://frontenso-11ty-starter.netlify.app/
        A production-ready starter that features Nunjucks, SASS, TailwindCSS, Webpack and ESNext. 11ty is responsible for building HTML only, the rest is built with Gulp.
        shyruparel’s twitter avatar11ty-Contentful-Starter
        Screenshot of https://contentful.github.io/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.
        ttntm’s twitter avatar11ty landing page starter
        Screenshot of https://awesome11ty.ttntm.me/
        A simple landing page built with 11ty and Tailwind CSS.
        tskarhed’s twitter avatarCaptain's Log
        Screenshot of https://captain-log.netlify.app/
        An old timey blog theme with blog posts that looks like old letters.
        Default AvatarbeginnersBase11ty
        Screenshot of https://trusting-pasteur-48f806.netlify.app/
        belt and braces starter for a blog. Includes 11ty's image, rss & navigation plugins + tailwind & fan art!
        planetoftheweb’s twitter avatarSeven
        Screenshot of https://7ty.tech/
          An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.
          trey’s twitter avatarBlank Slate v2
          Screenshot of https://github.com/trey/blank2
          Start a fresh website using 11ty to do a bunch of stuff.
          thomashoenig’s twitter avatar11ty-bs5-starter
          Screenshot of https://github.com/THoenig/11ty-bs5-starter
          Bootstrap 5 starter for 11ty. Developed with rapid prototyping, easy customization/theming and fast loading times in mind.
          zanellanikita’s twitter avatar11ty-SASS
          Screenshot of https://11ty-sass.netlify.app/
          11ty blog starter template with SASS and Dark Mode
          shanerobinson’s twitter avatar11TA
          Screenshot of https://11ta.netlify.app/
          11TA is a deeply customizable, full-featured, ready-to-publish blog/marketing template system built with 11ty, TailwindCSS, & Alpine.js
          casseylottman’s twitter avatartil-blog
          Screenshot of https://til-blog.glitch.me/
          A project showing a basic blog with tags, based on eleventy-base-blog and optimized for Glitch.
          jhukdev’s twitter avatar11tyby
          Screenshot of https://11tyby.netlify.app/
          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.
          Default Avatar11typroject
          Screenshot of https://github.com/bobarros/11typroject
          11ty very light but useful landing page with video and extra url with amp-story
          philhawksworth’s twitter avatareleventyone
          Screenshot of https://eleventyone.netlify.app/
          is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS.
          __tmns’s twitter avatar11ty Feedback
          Screenshot of https://11ty-feedback.netlify.app/
          An 11ty starter project for carrying out better feedback exchanges with coworkers, clients, and so on.
          casseylottman’s twitter avatarLink-in-Bio 11ty
          Screenshot of https://link-in-bio-11ty.glitch.me/
          A single page containing a list of links generated from data defined in JS
          yhaefliger’s twitter avatarYATAS
          Screenshot of https://yatas.netlify.app/
          Yet Another Tailwind Apline Starter. Tailwind v2 compiled in JIT mode and Alpine v3.
          stowball’s twitter avatarElf
          Screenshot of https://elf-eleventy.netlify.app/
          Elf is a simple, magical starter kit using webpack, Babel and Sass.
          yinkakun’s twitter avatarEleventy Duo
          Screenshot of https://eleventyduo.netlify.app
          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.
          Default Avatarairleventy
          Screenshot of https://airleventy.netlify.app
          Build static websites with 11ty, Sass for CSS, and modern JavaScript.
          mattwaler’s twitter avatarTEA Stack
          Screenshot of https://github.com/mattwaler/tea-stack
          A starting point with TailwindCSS, 11ty, and AlpineJS ready to roll.
          tomreinert’s twitter avatarMinimal 11ty + Tailwind Starter
          Screenshot of https://clever-newton-cbb08a.netlify.app
          A very minimal, beginner-friendly starter with tailwind and a smart navigation component.
          brycewraytx’s twitter avatarEleventy Solo Starter (.njk version)
          Screenshot of https://eleventy-solo-starter-njk.vercel.app/
          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.
          Default Avatar11ty-blog-starter
          Screenshot of https://eleventy.rongying.co/
          Minimal blog template. Supports browsing in the internet without Javascript.
          jhackett1’s twitter avatarWP 11ty
          Screenshot of https://githubbox.com/jhackett1/wp-11ty/
          A minimal example showing how to use the WordPress API to drive a static Eleventy frontend.
          Default Avatarnonplain-11ty-starter
          Screenshot of https://nonplain-11ty-starter.vercel.app/
          Create an 11ty website out of nonplain files
          reubenlillie’s twitter avatar🍦.11ty.js
          Screenshot of https://eleventy-dot-js-blog.netlify.app/
          How to build an extensible blog with JavaScript templates (*.11ty.js files).
          hirusi’s twitter avatarSmix
          Screenshot of https://smix.netlify.app/
          A starter with: modular gulp asset pipeline, PostCSS, ES2015 JS, blog-ready, set-up for Forestry CMS, production-ready TailwindCSS, easy dark mode theming
          seancdavis’s twitter avatarTwenty Ninety
          Screenshot of https://www.seancdavis.com/twenty-ninety
          A production-ready starter kit, optimized for performance.
          danfascia’s twitter avatarTai11s
          Screenshot of https://danfascia.github.io/tai11s/
          An Eleventy starter with Tailwind CSS and PurgeCSS
          Default Avatar11r
          Screenshot of https://reeseschultz.github.io/11r/
          A blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc.
          marcamos’s twitter avatarjet 🛩
          Screenshot of https://marcamos-jet.netlify.app/
          It’s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it’s still really small though.
          tigerswaynet’s twitter avatarEleventy Classic Blog Starter (ECBS)
          Screenshot of https://eleventy-classic-blog-starter.netlify.app/
          A starter template to build a classic `Hyde` blog with Eleventy.
          Default AvatarBootstrap Starter Kit
          Screenshot of https://webpixels-bootstrap-starter-kit.netlify.app/
          Minimal starter template for websites using Bootstrap 5 and Webpixels CSS next to the Eleventy static site generator.
          muenzpraeger’s twitter avatarEleventy Chirpy Blog Template
          Screenshot of https://eleventy-chirpy-blog-template.netlify.app/
          11ty version of the popular Chirpy Jekyll blog template.

          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: