Starter Projects Jump to heading
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.
Featured · Build a new Eleventy generated static site with this official Glitch starter app.
Build static websites with 11ty, Sass for CSS, and modern JavaScript.
A simple Eleventy starter kit with css compiled with Gulp, image optimization with imagemin and asset hashing.
Eleventy starter, using sass, nunjucks, rollup
Forked from Rong Ying's starter, now with njk and a few tiny fixes
Opiniated but easy to use. Based on the companion website of Andy Bell’s talk ‘Be the browser’s mentor, not its micromanager’.
Elf is a simple, magical starter kit using webpack, Babel and Sass.
My simple portfolio blog built using 11th and tailwindcss.
A simple landing page built with 11ty and Tailwind CSS.
A simple starter project to create a blog using Eleventy and Tailwind CSS.
An opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, Service Worker, etc.
Roxo is an 11ty starter project for creative agencies, freelancers, graphic designers, photographers
Create an 11ty website out of nonplain files
A Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages.
Eleventy for blogger with bootstrap and auto SEO full.
An Eleventy starter pack with webpack, PostCSS and cache busting for production deployments.
A nice looking, simple blog theme built with Eleventy SSG and Stylus Preprocessor
Minimal starter for localized content, using Eleventy's own Internationalization (I18n) plugin
A skeleton boilerplate built with Eleventy and Tailwind CSS.
A simple little photogallery project. Crops, resizes and generates json from your images. Requires Graphicsmagic, ffmpeg and jq.
Elevento is a static links page deployed to github pages.
A PWA template using 11ty, Lit, Rollup.
A clean and fast Eleventy Starter Project with Vite.
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.
A standards-respecting starter kit for Eleventy. Go Indie. Uses PostCSS and esbuild.
A project showing a basic blog with tags, based on eleventy-base-blog and optimized for Glitch.
Opinionated micro front-end that sets common 11ty defaults. Great for creating landing pages.
Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.
Minimalism + Eleventy + Tailwind CSS + Alpine.js
Personal website template, built with Eleventy.
A starter config for Eleventy with pipelines for Typescript and PostCSS.
Mobile first and component based web starter template (PWA).
A barebone Eleventy and Webpack boilerplate 🎈
A very minimal developer blog theme built with Eleventy
A starter pack for creating WCAG conformance reports with Eleventy
Minimal starter template for websites using Bootstrap 5 and Webpixels CSS next to the Eleventy static site generator.
LaTeX style high performance 11ty starter
A simple Eleventy Starter Kit, the Max Böck base for all new 11ty projects.
An 11ty starter with project scaffolding, Sass, image optimization, and SEO enhancements.
A simple journal/photo log website built on top of 11ty.
A starting point with Bootstrap, 11ty, and Sanity.
A simple stylish Eleventy starter project using Tailwind CSS and Alpine.js that deploys to Netlify
An 11ty starter project for carrying out better feedback exchanges with coworkers, clients, and so on.
A template project to build a short URL manager with Eleventy
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 minimal blog template using Eleventy, this one implements a simple agile development workflow so you can get stuff done
A minimal blog template using eleventy
11ty blog theme with grid CSS, subcategories and breadcrumbs.
11ty starter template build using Fylgja 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.
11ty starter kit using TailwindCSS, Pug, and Webpack
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
A production-ready starter kit, optimized for performance.
11TA is a deeply customizable, full-featured, ready-to-publish blog/marketing template system built with 11ty, TailwindCSS, & Alpine.js
belt and braces starter for a blog. Includes 11ty's image, rss & navigation plugins + tailwind & fan art!
An Eleventy starter with Tailwind CSS and PurgeCSS
🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS.
Build modern mobile website and android app with mobile11ty eleventy feat ionic
Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready. TailwindCSS+Webpack.
A lightweight Eleventy boilerplate utilising, esbuild Tailwind CSS and Post CSS.
A starter template to build websites with Ghost & Eleventy.
An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.
A blog template and theme using 11ty, TailwindCSS, PWA etc...
A blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc.
An old timey blog theme with blog posts that looks like old letters.
A modern, opinionated, bare-bones Jamstack starter using Eleventy to get 'up to zero' on a project quickly and easily.
11ty, powered by Vite with Tailwind CSS and Alpine.js.
Kickstart your website with this production-ready template using 11ty, the new vite, tailwindcss and daisyui.
A starter site for building a digital garden, or personal wiki, in Eleventy.
Search, Folders for Posts, Utteranc.es for comments
Minimal blog template. Supports browsing in the internet without Javascript.
An easily customisable starter kit to create your own cookbook of online recipes, using Netlify CMS.
A simple 11ty blog with Halfmoon CSS based on 11ty/eleventy-base-blog
Full featured BLOGGING template - supporting: hierarchical categories, images in post folder, searching inside blogs, deployment, etc...all built up incrementally from the ground!
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.
11ty blog starter template with SASS and Dark Mode
Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
A starter template to build a classic `Hyde` blog with Eleventy.
A minimalist blog template for eleventy with Netlify CMS built in
Simple sample with Eleventy & TailwindCSS
A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
A brutalist 11ty starter project built with as little tooling as possible. Atomic Design, Webpack, Pug, SCSS, Vanilla JS
Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
Starter template for building Eleventy static sites with Tailwind CSS automatically generating the corresponding styles and writing them to a static CSS file.
A very vanilla 11ty starter for a static blog site with paginated posts and integration with Netlify CMS
A starting point with TailwindCSS, 11ty, and AlpineJS ready to roll.
How to build an extensible blog with JavaScript templates (*.11ty.js files).
An 11ty template project for a résumé.
A little, personal search engine homepage based on Blank2.
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.
An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and instructions for deploying on Netlify and `now`.
Minimalist dark mode starter template for 11ty with support for jsfiddle embeds and prismjs syntax highlighting.
A minimal 11ty starting point for building static websites with modern tools.
A very minimal, beginner-friendly starter with tailwind and a smart navigation component.
Windty is a basic template using 11ty and Tailwind, and deploys to github pages.
A minimal example showing how to use the WordPress API to drive a static Eleventy frontend.
A high performance blog template for the 11ty static site generator.
Eleventy Starter Template with NEAT Stack - Netlify CMS, Eleventy, Alphine JS & Tailwind CSS
A project scaffold for quickly starting a site build with Tailwindcss, PurgeCSS, Parcel JS
11ty-notes is an Eleventy starter to manage your notes so you don't forget stuff
Demonstration static site and blog using Eleventy as a build tool for all content, CSS, JavaScript, and images.
Unopinionated, minimal starter with TypeScript templates.
11ty-bulma starter with sass enabled.
Create fast and simple documentation to explain almost anything. Using Eleventy, Tailwind 2.0, Alpine.js, and Netlify CMS (optional).
A starter blog using Eleventy and powered by Agility CMS with full page and module management. Uses TailwindCSS and Alpine.js.
11ty portfolio powered by bootstrap and nunjucks
Yet Another Tailwind Apline Starter. Tailwind v2 compiled in JIT mode and Alpine v3.
A starter template for building a blog with Eleventy and Portway
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.
A blog starter including some key features such as RSS, a sitemap, meta tags for Twitter & OG, image-optimization(eleventy-image), SVG-icon-sprites, Sass and more...
A single page containing a list of links generated from data defined in JS
Start a fresh website using 11ty to do a bunch of stuff.
is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS.
11ty very light but useful landing page with video and extra url with amp-story
11ty version of the popular Chirpy Jekyll blog template.
Use React, styled components and storybook in Eleventy
Barebones Eleventy. No dependencies or preprocessors.
Simple plain starter with 11ty and Bootstrap5 (via npm)
Just a simple text to focus on creating blog article content or you can create a documentation page.
Eleventy with Handlebars(support asynchronous helper) and Webpack boilerplate.
Lists Jump to heading
Source Code Samples Jump to heading
Be sure to check out a full list of every Built With Eleventy site that has provided a link to their source code.