- Getting Started
- Supporting Eleventy
- Working with Templates
- Using Data
- Template Languages
- Release History
- Code of Conduct
Starter Projects #
Add your own starter project. Community contributions are shown in random order. Lighthouse scores are updated daily.
🎈 Official Starter · How to build a blog web site with Eleventy.
🎈 Official Starter · A playground site for Eleventy on Glitch with live rendered views right on the web!
A starter blog using Eleventy and powered by Agility CMS with full page and module management. Uses TailwindCSS and Alpine.js.
Eleventy Solo Starter (.njk version)
Create fast and simple documentation to explain almost anything. Using Eleventy, Tailwind 2.0, Alpine.js, and Netlify CMS (optional).
A starter pack for creating WCAG conformance reports with Eleventy
A simple Eleventy Starter Kit, the Max Böck base for all new 11ty projects.
Opinionated micro front-end that sets common 11ty defaults. Great for creating landing pages.
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.
It’s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it’s still really small though.
A minimal example showing how to use the WordPress API to drive a static Eleventy frontend.
An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and instructions for deploying on Netlify and `now`.
A simple Eleventy Starter Kit based on Eleventastic with content powered by Kontent CMS.
A starter with: modular gulp asset pipeline, PostCSS, ES2015 JS, blog-ready, set-up for Forestry CMS, production-ready TailwindCSS, easy dark mode theming
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.
is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes.
11TA is a deeply customizable, full-featured, ready-to-publish blog/marketing template system built with 11ty, TailwindCSS, & Alpine.js
A project scaffold for quickly starting a site build with Tailwindcss, PurgeCSS, Parcel JS
A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
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 Web Starter
A lightweight Eleventy boilerplate utilising, esbuild Tailwind CSS and Post CSS.
Eleventy High Performance Blog
A high performance blog template for the 11ty static site generator.
An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.
Minimal 11ty + Tailwind Starter
A very minimal, beginner-friendly starter with tailwind and a smart navigation component.
Miayam 11ty Starter Project
A brutalist 11ty starter project built with as little tooling as possible. Atomic Design, Webpack, Pug, SCSS, Vanilla JS
Eleventy Starter Ghost
A starter template to build websites with Ghost & Eleventy.
A single page containing a list of links generated from data defined in JS
Eleventy Kickstart Blog
Kickstart your website with this production-ready template using 11ty, the new vite, tailwindcss and daisyui.
Yet Another Tailwind Apline Starter. Tailwind v2 compiled in JIT mode and Alpine v3.
Purple: Eleventy + Stylus Starter Blog
A nice looking, simple blog theme built with Eleventy SSG and Stylus Preprocessor
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
Minimalism + Eleventy + Tailwind CSS + Alpine.js
A minimal 11ty starting point for building static websites with modern tools.
11ty very light but useful landing page with video and extra url with amp-story
Unopinionated, minimal starter with TypeScript templates.
An Eleventy starter pack with webpack, PostCSS and cache busting for production deployments.
Windty is a basic template using 11ty and Tailwind, and deploys to github pages.
is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS.
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.
A project showing a basic blog with tags, based on eleventy-base-blog and optimized for Glitch.
A simple starter project to create a blog using Eleventy and Tailwind CSS.
A Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages.
An 11ty starter project for carrying out better feedback exchanges with coworkers, clients, and so on.
Build a new Eleventy generated static site with this official Glitch starter app.
A simple 11ty blog with Halfmoon CSS based on 11ty/eleventy-base-blog
A blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc.
An opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, Service Worker, etc.
An old timey blog theme with blog posts that looks like old letters.
11ty Netlify Jumpstart
Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.
Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready. TailwindCSS+Webpack.
A starting point with TailwindCSS, 11ty, and AlpineJS ready to roll.
Bootstrap 5 starter for 11ty. Developed with rapid prototyping, easy customization/theming and fast loading times in mind.
Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
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.
A bare bone blog-ready starter based on PostCSS, Native Elements and Parcel. With RSS feed and service worker out of the box!
11ty, powered by Snowpack with Tailwind CSS and Alpine.js.
Eleventy Filter Coffee Starter
A simple Eleventy starter kit with css compiled with Gulp, image optimization with imagemin and asset hashing.
11ty landing page starter
A simple landing page built with 11ty and Tailwind CSS.
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.
A minimal blog template using Eleventy, this one implements a simple agile development workflow so you can get stuff done
A starter site for building a digital garden, or personal wiki, in Eleventy.
Eleventy NEAT Starter
Eleventy Starter Template with NEAT Stack - Netlify CMS, Eleventy, Alphine JS & Tailwind CSS
A starter config for Eleventy with pipelines for Typescript and PostCSS.
11ty-notes is an Eleventy starter to manage your notes so you don't forget stuff
Eleventy Classic Blog Starter (ECBS)
A starter template to build a classic `Hyde` blog with Eleventy.
Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
- Jamstack Themes A list of starter themes filterable by supported static site generator and CMS.
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.