50 Best Eleventy Starter Themes
Tags: webdev, codenewbie, javascript, programming
Published: 2021-02-03 16:46:53

Eleventy (or 11ty) is a Static Site Generator that aims to be a simpler alternative to Jekyl. It has been steadily gaining popularity in recent times, with 8.4K GitHub stars and 238 GitHub forks and growing!

It's completely open-source, written in JavaScript and unlike other SSG's (Gatsby, NuxtJS) it doesn't come bundled with a front-end library. Instead, it takes a series of templates, markdown files, and data and renders them as HTML. Eleventy works with HTML, Markdown, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug, and JavaScript Template Literals. Find out more at the [official site](https://www.11ty.dev/)!

So without further ado, here are 50 Eleventy starter themes to kick off 2021!

## 1. Eleventyone

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fti96rhp0hww5dh30bhk.png)

A scaffold for a quick start building with the Eleventy SSG.

[See more details](https://github.com/philhawksworth/eleventyone)

## 2. Smix Eleventy Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/np0bz9ytdbyjhsn98zt1.png)

A starter kit for Eleventy v0.11.1 and Forestry CMS/Netlify. Based on gulp v4.

[See more details](https://github.com/hirusi/smix-eleventy-starter)

## 3. tai11s

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oglgxp33np85u9odo00z.png)

An Eleventy starter with Tailwind CSS and PurgeCSS.

[See more details](https://github.com/danfascia/tai11s)

## 4. 11ty.js

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1f2b92wo7lt6ee69ccyo.png)

An Eleventy starter project using JavaScript templates.

[See more details](https://gitlab.com/reubenlillie/eleventy-dot-js-blog)

## 5. pugsum

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/v2fiukr9eru7i9dp5m9b.png)

An 11ty starter kit using Pug Templates and TailwindCSS.

[See more details](https://github.com/vktrwlt/pugsum)

## 6. Industrial Empathy

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lgglolvr4nf9hcxgbm7d.png)

A high-performance blog template for the 11ty static site generator.

[See more details](https://github.com/google/eleventy-high-performance-blog)

## 7. 11ty Contentful Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zu3lk57pdieo63jinspm.png)

A Contentful 11ty starter project.

[See more details](https://github.com/contentful/11ty-contentful-starter)

## 8. Vredeburg

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ef25cevbrv78w0f3fnl7.png)

A simple starter project to create a blog using Eleventy and Tailwind CSS.

[See more details](https://github.com/dafiulh/vredeburg)

## 9. Eleventy Duo

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/se9kjq7w2pd7510h2fxw.png)

Eleventy Duo is a minimal and beautiful Eleventy theme for personal blogs.

[See more details](https://github.com/yinkakun/eleventy-duo)

## 10. Neat Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/krjwa9s3izz5w69e56c4.png)

Starter template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS.

[See more details](https://github.com/surjithctly/neat-starter)

## 11. 11r

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0y20dqsplvxbotv5hzf7.png)

A blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc.

[See more details](https://github.com/reeseschultz/11r)

## 12. YAES

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oyya1kvr5hu61yhtoqbs.png)

Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.

[See more details](https://github.com/22mahmoud/YAES)

## 13. Fundamenty

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/evo8j1gzm4kxqx7k5wyg.png)

11ty Starter with Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready.

[See more details](https://github.com/creasoft-dev/fundamenty)

## 14. Eleventy Starter Boilerplate

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oiovbosluh4b2qpckcip.png)

Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog.

[See more details](https://github.com/ixartz/Eleventy-Starter-Boilerplate)

## 15. Minimal 11ty Tailwind Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9z8mz7iyr4jfkwuz16hw.png)

A very minimal eleventy starter using Tailwind CSS for styling. It features a smart navigation component that sets active states automatically.

[See more details](https://github.com/tomreinert/minimal-11ty-tailwind-starter)

## 16. Dark Portfolio Theme for 11ty

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c1uijs8dyjswhf27slxx.png)

This is a port of the Dark Portfolio Template by W3C to 11ty!

[See more details](https://github.com/jmschrack/Dark-Portfolio-Template-11ty/)

## 17. 11tyFrame

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xm2u6f5mq38f72t0vsdm.png)

A light site frame using Eleventy static site generator.

[See more details](https://github.com/octoxalis/11tyframe)

## 18. Eleventy Hylia

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zwrjxzc7tayyxep0c8y8.png)

Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.

[See more details](https://github.com/andybelldesign/hylia)

## 19. Eleventy Hylia Forestry

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ki8bcmtztnf6fqal9obs.png)

Hylia is a lightweight Eleventy starter kit with Forestry CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes. It also gives you a well-organized starting point to extend it for yourself.

[See more details](https://github.com/DirtyF/hylia-forestry)

## 20. Seven

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/86sydk67pdj8tjtulrm2.png)

An Eleventy template using Bootstrap, Sass, Webpack, Vue.js powered search, includes lots of other features.

[See more details](https://github.com/planetoftheweb/seven)

## 21. Eleventy Starter Ghost

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/g124ad21abzlg33b6neb.png)

A starter template to build websites with Ghost & Eleventy.

[See more details](https://github.com/TryGhost/eleventy-starter-ghost)

## 22. Eleventy Minimal Blog

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/berwvz34ajny535rp36j.png)

A minimal blog template using eleventy.

[See more details](https://github.com/arpitbatra123/eleventy-blog-mnml)

## 23. Skeleventy

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gh6mmqws392hjfzrsrcu.png)

A skeleton boilerplate built with Eleventy.

[See more details](https://github.com/josephdyer/skeleventy)

## 24. Eleventy 2 Snipcart

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/01v9bdi9qupnbl2c5m3m.png)

A demo snipcart app built with 11ty.

[See more details](https://github.com/snipcart/11ty-demo-snipcart)

## 25. Medium Export

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xbn9ij9ogh31rqfun4ft.png)

A demo of generating a JAMstack site from an RSS feed.

[See more details](https://github.com/philhawksworth/medium-export)

## 26. Eleventy NetlifyCMS Boilerplate

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gukjgwp91yb4w929w9v4.png)

A boilerplate for building a simple website with the Eleventy static site generator.

[See more details](https://github.com/danurbanowicz/eleventy-netlify-boilerplate)

## 27. Eleventy Base Blog

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qwzib33xgom726t2k5h9.png)

A starter repository for a blog web site using the Eleventy static site generator.

[See more details](https://github.com/11ty/eleventy-base-blog)

## 28. Hawksworth

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/unsf98wgkymn7xposnd9.png)

A blog site, powered by Eleventy and Netlify.

[See more details](https://github.com/philhawksworth/hawksworx.com)

## 29. Eleventy About Me

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dvfrbdgph79w37kbohig.png)

A personal website template, built with Eleventy.

[See more details](https://github.com/panos/eleventy-about-me)

## 30. Twelvety

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ofknhtufa1fy3zpuy98x.png)

Twelvety is a pre-configured Eleventy starter project built to be fast.

[See more details](https://github.com/gregives/twelvety)

## 31. 11ty Contentful Gallery

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vxkvc94fbiz2r76ejjrn.png)

An example photo gallery made using Contentful and 11ty.

[See more details](https://github.com/contentful/11ty-contentful-gallery)

## 32. Eleventy React Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/g0kz3kws5f9bpovpcldo.png)

Use React components in Eleventy!

[See more details](https://github.com/signalkuppe/eleventy-react)

## 33. JAMStack Web Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/j1fnbemnvrh4c2eslpgm.png)

Static website workflow utilizing Eleventy, Tailwind CSS, Webpack and PostCSS.

[See more details](https://github.com/scottishstoater/jamstack-web-starter)

## 34. Agility CMS Eleventy Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h9pk8bvqau5e53yzopf6.png)

A sample Eleventy starter that uses Agility CMS and aims to be a foundation for building fully static sites using 11ty and Agility CMS.

[See more details](https://github.com/agility/agilitycms-eleventy-starter-2020)

## 35. 11st Starter Kit

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/82bir6f6w9whi4lfxpxh.png)

11ty, powered by Snowpack with Tailwind CSS and Alpine.js.

[See more details](https://github.com/stefanfrede/11st-starter-kit)

## 36. XITY Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c3uzll10vwf781uvoch9.png)

A blog-ready 11ty starter based on PostCSS, with RSS feed and Native Elements.

[See more details](https://github.com/equinusocio/xity-starter)

## 37. pack11ty

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/t6hbnly44ebr3c7d4e1v.png)

A heavily opinionated Eleventy template project!

[See more details](https://github.com/nhoizey/pack11ty)

## 38. Eleventy Classic Blog Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/stwg0jtkc4ykh0xxr64k.png)

A starter repository for a classic blog website using the Eleventy SSG.

[See more details](https://github.com/TigersWay/eleventy-classic-blog-starter)

## 39. 11ta Template

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/y2rp3ydh4en9thvz3e3r.png)

Deeply customizable, full-featured, ready to publish blog template built with 11ty, TailwindCSS, & Alpine.js.

[See more details](https://github.com/11ta/11ta-template)

## 40. JET

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jb3zabndypk17f7gd90p.png)

It‘s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it‘s still really small though.

[See more details](https://github.com/marcamos/jet)

## 41. rocket11ty

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/l89atmug08iwj9btfz7r.png)

A simple halfmoon 11ty blog based on eleventy-base-blog.

[See more details](https://github.com/aboutDavid/rocket11ty)

## 42. 11ty Netlify Jumpstart

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7qoflrn8ikvuy3xc23lg.png)

Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.

[See more details](https://11ty-netlify-jumpstart.netlify.app/)

## 43. Supermaya

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/sfdjelcotxwb2q0uh1ok.png)

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.

[See more details](https://github.com/madebymike/supermaya)

## 44. Eleventy Webpack

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f68vzg1sc6xd270r3e6a.png)

A barebones Eleventy and Webpack boilerplate.

[See more details](https://github.com/clenemt/eleventy-webpack)

## 45. 11tyby

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ye8h9ri00qeckqynhvsj.png)

Simple 11ty setup using TypeScript, SASS, Preact with partial hydration, and other useful things. Aims to provide the DX of Gatsby, but using 11ty!

[See more details](https://github.com/jhukdev/11tyby)

## 46. Eleventy Encore

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qfcerpelmy71389ka41u.png)

Basic 11ty setup using webpack encore.

[See more details](https://github.com/disjfa/eleventy-encore)

## 47. Twenty Ninety

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/n145r016y1ewpdg70xck.png)

A production-ready Eleventy starter kit, optimized for performance.

[See more details](https://github.com/seancdavis/twenty-ninety)

## 48. Eleventy Solo Starter

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/og6rs792oba0hdh663kd.png)

A starter set for the Eleventy static site generator (SSG).

[See more details](https://github.com/brycewray/eleventy_solo_starter)

## 49. Eleventy Site

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ah5q5scoefmpkxpl4d36.png)

A simple eleventy starter site.

[See more details](https://github.com/bjankord/eleventy-site)

## 50. Elevenpack

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1sts5h1yqqblnw4f5wd3.png)

Eleventy starter pack with modern JS and CSS workflows.

[See more details](https://github.com/deviousdodo/elevenpack)


Enjoy 😊

---
_**Are you ready to turn your dev skills into a freelance business?** Whether you're completely new to freelancing or are looking to level up your existing skills. I'll teach you everything you need to know to become a successful freelancer!_

Get started today with my [Complete Guide to Freelancing](https://easeout.gumroad.com/l/freelance).


![Complete Guide to Freelancing package](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q8jx3gvzvjazn8z1mbjm.png)

> Available now at 👉 [https://easeout.gumroad.com/l/freelance](https://easeout.gumroad.com/l/freelance)

## A little about me..

Hey, I'm Tim! 👋 I'm a freelance business owner, web developer & author. 

I teach both new and experienced freelancers how to [build a sustainable and successful freelancing business](https://easeout.gumroad.com/l/freelance). If you'd like to read more of my articles, check them out on [my blog](www.easeout.co).

Thanks for reading 🎉