DEV Community

loading...
Cover image for 50 Best Eleventy Starter Themes

50 Best Eleventy Starter Themes

timothyrobards profile image Timothy Robards Originally published at easeout.co ・8 min read

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

Alt Text

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

See more details

2. Smix Eleventy Starter

Alt Text

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

See more details

3. tai11s

Alt Text

An Eleventy starter with Tailwind CSS and PurgeCSS.

See more details

4. 11ty.js

Alt Text

An Eleventy starter project using JavaScript templates.

See more details

5. pugsum

Alt Text

An 11ty starter kit using Pug Templates and TailwindCSS.

See more details

6. Industrial Empathy

Alt Text

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

See more details

7. 11ty Contentful Starter

Alt Text

A Contentful 11ty starter project.

See more details

8. Vredeburg

Alt Text

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

See more details

9. Eleventy Duo

Alt Text

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

See more details

10. Neat Starter

Alt Text

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

See more details

11. 11r

Alt Text

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

See more details

12. YAES

Alt Text

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

See more details

13. Fundamenty

Alt Text

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

See more details

14. Eleventy Starter Boilerplate

Alt Text

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

See more details

15. Minimal 11ty Tailwind Starter

Alt Text

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

See more details

16. Dark Portfolio Theme for 11ty

Alt Text

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

See more details

17. 11tyFrame

Alt Text

A light site frame using Eleventy static site generator.

See more details

18. Eleventy Hylia

Alt Text

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

See more details

19. Eleventy Hylia Forestry

Alt Text

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

20. Seven

Alt Text

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

See more details

21. Eleventy Starter Ghost

Alt Text

A starter template to build websites with Ghost & Eleventy.

See more details

22. Eleventy Minimal Blog

Alt Text

A minimal blog template using eleventy.

See more details

23. Skeleventy

Alt Text

A skeleton boilerplate built with Eleventy.

See more details

24. Eleventy 2 Snipcart

Alt Text

A demo snipcart app built with 11ty.

See more details

25. Medium Export

Alt Text

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

See more details

26. Eleventy NetlifyCMS Boilerplate

Alt Text

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

See more details

27. Eleventy Base Blog

Alt Text

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

See more details

28. Hawksworth

Alt Text

A blog site, powered by Eleventy and Netlify.

See more details

29. Eleventy About Me

Alt Text

A personal website template, built with Eleventy.

See more details

30. Twelvety

Alt Text

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

See more details

31. 11ty Contentful Gallery

Alt Text

An example photo gallery made using Contentful and 11ty.

See more details

32. Eleventy React Starter

Alt Text

Use React components in Eleventy!

See more details

33. JAMStack Web Starter

Alt Text

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

See more details

34. Agility CMS Eleventy Starter

Alt Text

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

35. 11st Starter Kit

Alt Text

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

See more details

36. XITY Starter

Alt Text

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

See more details

37. pack11ty

Alt Text

A heavily opinionated Eleventy template project!

See more details

38. Eleventy Classic Blog Starter

Alt Text

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

See more details

39. 11ta Template

Alt Text

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

See more details

40. JET

Alt Text

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

See more details

41. rocket11ty

Alt Text

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

See more details

42. 11ty Netlify Jumpstart

Alt Text

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

43. Supermaya

Alt Text

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

44. Eleventy Webpack

Alt Text

A barebones Eleventy and Webpack boilerplate.

See more details

45. 11tyby

Alt Text

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

46. Eleventy Encore

Alt Text

Basic 11ty setup using webpack encore.

See more details

47. Twenty Ninety

Alt Text

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

See more details

48. Eleventy Solo Starter

Alt Text

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

See more details

49. Eleventy Site

Alt Text

A simple eleventy starter site.

See more details

50. Elevenpack

Alt Text

Eleventy starter pack with modern JS and CSS workflows.

See more details

Enjoy 😊




I publish the Frontend News newsletter at https://easeout.eo.page.

Feel free to subscribe if you'd like to keep up!

Discussion (1)

pic
Editor guide
Collapse
epsi profile image
E.R. Nurwijayadi

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.

Eleventy Theme