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!
So without further ado, here are 50 Eleventy starter themes to kick off 2021!
1. Eleventyone
A scaffold for a quick start building with the Eleventy SSG.
2. Smix Eleventy Starter
A starter kit for Eleventy v0.11.1 and Forestry CMS/Netlify. Based on gulp v4.
3. tai11s
An Eleventy starter with Tailwind CSS and PurgeCSS.
4. 11ty.js
An Eleventy starter project using JavaScript templates.
5. pugsum
An 11ty starter kit using Pug Templates and TailwindCSS.
6. Industrial Empathy
A high-performance blog template for the 11ty static site generator.
7. 11ty Contentful Starter
A Contentful 11ty starter project.
8. Vredeburg
A simple starter project to create a blog using Eleventy and Tailwind CSS.
9. Eleventy Duo
Eleventy Duo is a minimal and beautiful Eleventy theme for personal blogs.
10. Neat Starter
Starter template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS.
11. 11r
A blog template and theme using 11ty, TailwindCSS, Rollup, Prism syntax highlighting, etc.
12. YAES
Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
13. Fundamenty
11ty Starter with Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready.
14. Eleventy Starter Boilerplate
Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog.
15. Minimal 11ty Tailwind Starter
A very minimal eleventy starter using Tailwind CSS for styling. It features a smart navigation component that sets active states automatically.
16. Dark Portfolio Theme for 11ty
This is a port of the Dark Portfolio Template by W3C to 11ty!
17. 11tyFrame
A light site frame using Eleventy static site generator.
18. Eleventy Hylia
Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.
19. Eleventy Hylia Forestry
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.
20. Seven
An Eleventy template using Bootstrap, Sass, Webpack, Vue.js powered search, includes lots of other features.
21. Eleventy Starter Ghost
A starter template to build websites with Ghost & Eleventy.
22. Eleventy Minimal Blog
A minimal blog template using eleventy.
23. Skeleventy
A skeleton boilerplate built with Eleventy.
24. Eleventy 2 Snipcart
A demo snipcart app built with 11ty.
25. Medium Export
A demo of generating a JAMstack site from an RSS feed.
26. Eleventy NetlifyCMS Boilerplate
A boilerplate for building a simple website with the Eleventy static site generator.
27. Eleventy Base Blog
A starter repository for a blog web site using the Eleventy static site generator.
28. Hawksworth
A blog site, powered by Eleventy and Netlify.
29. Eleventy About Me
A personal website template, built with Eleventy.
30. Twelvety
Twelvety is a pre-configured Eleventy starter project built to be fast.
31. 11ty Contentful Gallery
An example photo gallery made using Contentful and 11ty.
32. Eleventy React Starter
Use React components in Eleventy!
33. JAMStack Web Starter
Static website workflow utilizing Eleventy, Tailwind CSS, Webpack and PostCSS.
34. Agility CMS Eleventy Starter
A sample Eleventy starter that uses Agility CMS and aims to be a foundation for building fully static sites using 11ty and Agility CMS.
35. 11st Starter Kit
11ty, powered by Snowpack with Tailwind CSS and Alpine.js.
36. XITY Starter
A blog-ready 11ty starter based on PostCSS, with RSS feed and Native Elements.
37. pack11ty
A heavily opinionated Eleventy template project!
38. Eleventy Classic Blog Starter
A starter repository for a classic blog website using the Eleventy SSG.
39. 11ta Template
Deeply customizable, full-featured, ready to publish blog template built with 11ty, TailwindCSS, & Alpine.js.
40. JET
Itโs (j)ust (e)leventy and (t)ailwind โฆ OK, and a few other things; itโs still really small though.
41. rocket11ty
A simple halfmoon 11ty blog based on eleventy-base-blog.
42. 11ty Netlify Jumpstart
Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.
43. 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.
44. Eleventy Webpack
A barebones Eleventy and Webpack boilerplate.
45. 11tyby
Simple 11ty setup using TypeScript, SASS, Preact with partial hydration, and other useful things. Aims to provide the DX of Gatsby, but using 11ty!
46. Eleventy Encore
Basic 11ty setup using webpack encore.
47. Twenty Ninety
A production-ready Eleventy starter kit, optimized for performance.
48. Eleventy Solo Starter
A starter set for the Eleventy static site generator (SSG).
49. Eleventy Site
A simple eleventy starter site.
50. Elevenpack
Eleventy starter pack with modern JS and CSS workflows.
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.
Available now at ๐ 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. If you'd like to read more of my articles, check them out on my blog.
Thanks for reading ๐
Top comments (1)
Great postiiiing.
๐
I have made step by step tutorial for eleventy theme maker.
๐ท epsi-rns.gitlab.io/ssg/2020/01/01/...
Not a really good in aestethical aspect, but I believe this can help beginner to create their own theme.