r/eleventy • u/any-digital • 13d ago

Best minimal 11ty starters [as of July 2026]

2 Upvotes
  1. https://github.com/anyblades/subtle
  2. https://github.com/anyblades/buildawesome-starters
  3. https://github.com/danurbanowicz/eleventy-netlify-boilerplate
  4. https://github.com/11ty/eleventy-base-blog
  5. https://github.com/mwdelaney/zeropoint

---

Changelog:

  • `buildawesome-starters` reduced its code size down to 1.5KB while adding four more sub-starters, including Web Awesome. Its Tailwind sub-starter is now fully isolated in its own sub-folder.
  • `11ty-landing-page` was marked as "not so minimal" due to its ~1000-line tailwind.config.cjs file.

---

🔗 https://11ty.blades.ninja/starters/ for full list 🔗

0 comments

r/eleventy • u/Xzaphan • 16d ago

[Showcase] I rebuilt my personal site as a progressively enhanced terminal UI with Eleventy + Lit

7 Upvotes

I wanted the site to feel like the environment I actually work in (Ghostty, tmux and Neovim) without turning it into a client-rendered visual gimmick.

The content is plain Markdown rendered by Eleventy into the light DOM; Lit components add the draggable terminal, tabs, command palette and line-number gutter. And, of course, keyboard navigation.

Source and write-up: https://stephan.zych.be/blog/terminal-style-site-lit-eleventy/

I would be interested in how others approach interactive personal sites while keeping the content genuinely usable with JavaScript disabled.

0 comments

r/eleventy • u/any-digital • 17d ago

[open-source tracker of] Top football goalscorers and their runners-up • as of July 5

4 Upvotes

The Race for #1K_Goals as of July 5:

🇵🇹 Ronaldo ⚽️ 976
🇦🇷 Messi ⚽️ 918
🇫🇷 Mbappé ⚽️ 432
🇳🇴 Haaland ⚽️ 359 (+2)
🇪🇸 Yamal ⚽️ 56

+2 World Cup goals for Haaland vs Brazil!

🔗 https://1k.any.digital by Blades CSS & 11ty

0 comments

r/eleventy • u/Fujima4Kenji • 23d ago

Made a free iOS viewer for local .html files — useful for checking your 11ty build output on a phone

3 Upvotes

Eleventy outputs plain .html files. If you want to open one of those built pages directly on iOS, the Files app shows raw source instead of the rendered page. I built a small local viewer for exactly that.

Html Preview:

• Renders .html / .htm / .xhtml via iOS WebView (real page, not code)

• Multiple encodings (UTF-8, Windows-1252, ISO Latin-1)

• Opens from Files / Share Sheet / Mail

• On-device only — no uploads, no ads, no subscriptions

Free: https://apps.apple.com/app/id6760443436

Site: https://html.cybergame.ai/

Just a viewer (no build/serve) — for quickly eyeballing a built page on mobile. Useful, or do you just run a dev server and hit it over your LAN?

1 comment

r/eleventy • u/any-digital • Jun 05 '26

[Docs] for Eleventy Blades kit

3 Upvotes

Brand new docs for Eleventy Blades kit:

11ty.blades.ninja

Btw, content is now open-sourced as part of Awesome Eleventy repo:
https://github.com/anyblades/awesome-11ty-buildawesome/tree/master/docs

9 comments

r/eleventy • u/any-digital • Jun 01 '26

Best minimal 11ty starters [as of June 2026]

5 Upvotes
  1. https://github.com/anyblades/subtle
  2. https://github.com/anyblades/buildawesome-starters
  3. https://github.com/danurbanowicz/eleventy-netlify-boilerplate
  4. https://github.com/11ty/eleventy-base-blog
  5. https://github.com/mwdelaney/zeropoint
  6. https://github.com/ttntm/11ty-landing-page

---

Full list: https://11ty.blades.ninja/starters/

4 comments

r/eleventy • u/TarrynIsaacRitchson • May 16 '26

I Need Help with Front Matter Data Error "X is not defined"

3 Upvotes

Edit: Never mind—I've found a workaround using global data (a .json file in the _data directory).

Plus, I think include files just have no access to the template's front matter data, other than title, which seems to be global or computed data? Either way, what I want to achieve doesn't work with includes, it seems.*

---

I'm relatively new to 11ty.

In my index.ejs file, I'm using <%= include("html__head.ejs") %> (my partial) to insert that file's content into the <head> element of my index.ejs (my template).

But whenever I run 11ty to process, it says “websiteTitle is not defined.”

Here's the content of html__head.ejs:

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="/css/style.css" rel="stylesheet" type="text/css" media="all">

<title><%= title %> | <%= websiteTitle %></title>

Here's the content of the index.ejs file:

---
title: "Welcome Page"
websiteTitle: "Some Title"
---
<!DOCTYPE html>
<html lang="en">

<head>
    <%- include('/partials/head.ejs') %>
</head>

<body>
    <h1><%= title %></h1>

<!-- rest of HTML file -->

How come it works for title, but not for websiteTitle?

I'd appreciate any help with this, thank you in advance.

0 comments

r/eleventy • u/PrincessDonutFan • May 13 '26

I built an iOS app for posting to my Eleventy blog from my phone: MonkeyBeans!

Thumbnail
apps.apple.com
4 Upvotes

I wanted a simple way to publish posts and bookmarks to my Eleventy/GitLab blog without touching a laptop. So I built MonkeyBeans, a small, free SwiftUI app that commits markdown files directly to a repo via the GitLab API.

It handles posts and link/bookmark posts, pulls existing tags from the repo frontmatter, and stores your GitLab PAT securely in the Keychain. Nothing fancy, but it scratches my itch.

If you’re running Eleventy with GitLab and want a quick mobile publishing flow, give it a look. The same app runs on Mac too!

More info, including a link to the source, is at https://billhansley.com/apps/monkeybeans/

I’d love to hear what you think of it!

0 comments

r/eleventy • u/red-ninza • May 10 '26

Need feedback for a tiny commenting system I built

4 Upvotes

I released JustOpinion, a lightweight hosted comment system that can be added to Eleventy sites with a CSS + JS snippet.

Each page gets its own comment thread, and there is no comment backend to maintain.

I’d appreciate feedback from Eleventy users on the integration flow:
https://www.justopinion.online

0 comments

r/eleventy • u/any-digital • May 06 '26

Reverse-engineered PicoCSS.com site using Eleventy (11ty)

Thumbnail blades.ninja
0 Upvotes
0 comments

r/eleventy • u/wells68 • Apr 13 '26

Eleventy for a non-expert?

6 Upvotes

I've created simple websites using various tools in the past. Now I'd like to convert a couple of them to a static site easy to host on our VPS. I don't require automated conversions. The sites aren't that big, though they have a hundred or so blogs. Looks like 11ty can convert those from a Wordpress-type export (XML).

I just tried to install Jekyll in Docker with the Feeling Responsive theme and had a ton of problems. The theme was incompatible with current versions of Jekyll and/or Ruby.

It seems as though 11ty is a good alternative, but the subreddit is far less active than the Jekyll subreddit. If I have some questions and ChatGPT etc. doesn't give me what I need (that was my experience with Jekyll), is r/eleventy a good place for a few questions?

I am crazy to try to install 11ty on Docker. Jekyll was crazy on Docker.

Also, is 11ty a bit imposing for a non-expert? Thanks!

10 comments

r/eleventy • u/budkalon • Mar 13 '26

[showcase] My Personal website (portfolio + blog)

Post image
6 Upvotes

I wanna showcase my website I've been developing since late 2024: https://budkalon.com

I use Eleventy and Cloudflare Page. For the images, I used Blogger's User Content, and it is currently on the way of migrating it to my R2 Storage on img.budkalon.com

3 comments

r/eleventy • u/any-digital • Mar 13 '26

Awesome Eleventy [List]

Thumbnail
github.com
4 Upvotes

🎈 The call for awesome 11ty stuff is open! 🎈

(Including Build Awesome rebranding coverage)

I’ve finally revived the awesome Eleventy list originally created by (and thanks to) Chris Collins:

https://github.com/anydigital/awesome-11ty-build-awesome

Everyone is welcome to contribute — let’s keep it inclusive and up-to-date! 😎

0 comments

r/eleventy • u/infernape_12 • Mar 12 '26

DIY Blog setup for non technical users

4 Upvotes

Hello,

I'm currently building a DIY blog setup meant for non technical users.

I was building a simple resume/portfolio page for someone I know. Since it was going to be only a couple of pages, I built a working setup using Keystatic Git based cms.

https://keystatic.com/

Got me thinking if the cms could be used to host simple, minimal blog/personal site.

I started building this using Keystatic and 11ty. Content is just Markdown files, with the site controlled from keystatic admin panel. Site control will include a couple of color palette choices and font.

I understand that this setup still involves some technicality, but I will write docs for everything a non tech user might need assistance with.

I am half way there, but before I finish it, I wanted to do a "painted door" test to see if the messaging resonates.

Link: https://binary-loom.com

  • As developers, does the messaging on the landing page make sense?
  • Is this a template you could see yourself using to hand off a blog to a non-technical friend or client?

Any brutal feedback on the copy, the design vibe, or the tech stack choice is highly appreciated!

3 comments

r/eleventy • u/Beautiful-Might2312 • Mar 12 '26

Help with Wordpress Import

3 Upvotes

As an experiment, going to run 11ty on a home server to create a static site copy of my blog. I run the npx [at]11ty/import wordpress command as they instruct, it prompts me to download and install the import module, and then it just stops. No attempt to download anything from the blog.

Using Raspbian on a Pi5 as the server, 11ty runs perfectly when I test it with a simple site in a folder.

1 comment

r/eleventy • u/any-digital • Feb 13 '26

Eleventy Bricks [Plugin]

Thumbnail
github.com
10 Upvotes

A collection of helpful utilities and filters for Eleventy (11ty) including:

⚡️ Zero-Config-ish Experience: You can symlink a pre-configured eleventy.config.js  to get best-practice defaults (Markdown-it anchors, YAML support, TOC, etc.) or just use it as a standard plugin.

🛠 Reusable Build Workflows: Includes a do  folder setup via npm workspaces. This keeps your build/stage/start scripts separate from your project config and easily updatable via the package.

✍️ Markup Power-ups:

  • autoLinkFavicons : Automatically adds site icons to plain URL links, making resource lists look premium instantly.
  • mdAutoRawTags : Automatically wraps Nunjucks/Liquid syntax in {% raw %}  so you can write documentation about templating without everything breaking.
  • mdAutoNl2br : Finally adds support for line breaks in Markdown tables using \n  sequences.

🧩 Smart Template Filters:

  • fetch : A unified filter to grab content from remote URLs (with automatic caching via u/11ty/eleventy-fetch ) or local files.
  • section : My personal favorite—it lets you split a single Markdown file into named sections (using HTML comments) so you can pull specific parts into different areas of your layout.
  • attr_set  & attr_concat : Easily manipulate objects and arrays inside .njk  or .liquid  templates without needing custom shortcodes.
  • merge : A clean way to combine configuration objects or arrays directly in your templates.
  • and more: https://github.com/anydigital/eleventy-bricks#filters
5 comments

r/eleventy • u/any-digital • Feb 11 '26

Eleventy Tricks as of Feb'26

Thumbnail any.digital
6 Upvotes

A curated collection of Eleventy (11ty) tricks, starters, command line tips, configuration snippets, and templating techniques.

0 comments

r/eleventy • u/BC_AlenkiUSA • Dec 25 '25

VSCode does not autocomplete Nunjucks (.njk) files in Eleventy project

Enable HLS to view with audio, or disable this notification

4 Upvotes

I'm using VSCode on Linux Mint with an Eleventy (11ty) project.

VSCode correctly recognizes .njk files as Nunjucks (syntax highlighting works), but there is no autocomplete or IntelliSense when typing.

I've tried the following extensions:

  • Nunjucks by ronnidc
  • Nunjucks Template by eseom
  • Nunjucks VSCode Extension Pack by douglaszaltron

None of them provide autocomplete suggestions.

Recently, VSCode also failed to recognize .html files, which I fixed using files.associations in settings.json.

Now .njk files are recognized correctly, but autocomplete still doesn't work.

Is there something else I need to configure (language mode, settings, Eleventy integration), or is Nunjucks autocomplete simply not supported in VSCode?

2 comments

r/eleventy • u/any-digital • Dec 23 '25

Forbid Nunjucks processing inside Markdown

3 Upvotes

Forbid Nunjucks processing inside Markdown:

/* .eleventy.js */

eleventyConfig.addPreprocessor("autoRaw", "md", (data, content) => {
  // This regex looks for {{, }}, {%, or %} individually and wraps them
  return content.replace(/({{|}}|{%|%})/g, "{% raw %}$1{% endraw %}");
});

---

✨ found this useful? suggest your tricks for 11ty Tricks Wiki here! ✨

0 comments

r/eleventy • u/bigsquawk • Nov 13 '25

Modify postlist.njk to include post content in eleventy-base-blog

2 Upvotes

I'm trying to modify the postlist.njk template in the eleventy-base-blog project to render post content, not just the post title and date.

I've modified postlist.njk like this (include some styles and use post.templateContent to get the content):

<style>{% include "node_modules/prismjs/themes/prism-okaidia.css" %}</style> <style>{% include "css/prism-diff.css" %}</style> <ol reversed class="postlist" style="--postlist-index: {{ (postslistCounter or postslist.length) + 1 }}"> {%- for post in postslist | reverse %} <li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}"> <a href="{{ post.url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a> <time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time> {{ post.templateContent | safe }} </li> {%- endfor %} </ol>

And it does what I want, except that the <img> elements (or MD image tags) are not getting rendered as <picture> elements.

That is, source like this:

![picture](wwordle.jpg)

or this

<img src="wwordle.jpg" alt="image" width="200" >

Gets rendered like this in individual posts:

typescript <picture> <source type="image/avif" srcset="/.11ty/image/?src=content%2Fblog%2Fedgecase%2Fwwordle.jpg&amp;width=200&amp;format=avif&amp;via=transform 200w"> <source type="image/webp" srcset="/.11ty/image/?src=content%2Fblog%2Fedgecase%2Fwwordle.jpg&amp;width=200&amp;format=webp&amp;via=transform 200w"> <img loading="lazy" decoding="async" src="/.11ty/image/?src=content%2Fblog%2Fedgecase%2Fwwordle.jpg&amp;width=200&amp;format=jpeg&amp;via=transform" alt="image" width="200" height="242"> </picture>`

But like this in the postlist:

<img src="content/wwordle.jpg" alt="image" width="200">

What do I do to get the <img> to render as <picture> in the outout? Obviously clueless person looking for advice.

1 comment

r/eleventy • u/Personal_Plant_375 • Oct 25 '25

An eleventy template for creating books like WriteBook.

11 Upvotes

37signals has released a new selfhosted application called Writebook. It helps people create beautiful online books.

I like it very much, but it must be self-hosted, and during my testing, it did not support Chinese well.

I created an Eleventy template to achieve a display effect similar to WriteBook; all you need to do is create a book directory and write the corresponding Markdown files.

The demo site is: 11ty-createbook.vercel.app

The source code is: https://github.com/ginqi7/11ty-createbook

I hope someone will appreciate it, and your advice will help me improve the project.

4 comments

r/eleventy • u/LeebLaab • Sep 15 '25

Need help | Images sizes

Post image
2 Upvotes

I have built my online shop using 11ty shop and i have a noobie question

What is tge images sizes i should use for producs and blog posts ?

Most of my images looks bad and i dont know which exact sizes i should use

Any help would be appreciated. Where to find such information??

0 comments

r/eleventy • u/dieomesieptoch • Sep 05 '25

11ty claiming a template does not exist when it absolutely does exist. What am I missing?

3 Upvotes

I just copied the root folder of a website project I'm working on, using FTP, to my second computer. After running npm install, eleventy won't serve or build my project, claiming _includes/layouts/home.html does not exist.

In the screenshot below, in index.md you can see I'm referencing layouts/home.html and the tooltip shows that the file does exist in the specified location. I've read about adding an includes or layouts property to the dir object but the defaults, afaik, should be correct, so...

What am I missing here?

5 comments

r/eleventy • u/PyDevLog • Aug 03 '25

Update : created an NPM package to quickly get started - "create-webnami-blog"

Thumbnail gallery
3 Upvotes
0 comments

r/eleventy • u/PyDevLog • Jul 28 '25

I built a self-hosted and open-source blogging platform with Eleventy – fast, lightweight & SEO-optimized

Thumbnail
gallery
19 Upvotes

Hey everyone,

I recently finished building WebNami, a lightweight blogging tool powered by 11ty (Eleventy) and wanted to share it here to get some feedback from the community.

Features:

  • Write your content in simple Markdown files.
  • Built with 11ty (Eleventy) for fast static generation.
  • Focused on performance – perfect Core Web Vitals and minimal bloat.
  • Includes SEO features like sitemaps, meta tags, canonical links, RSS feed out of the box. It even runs SEO audits during the build process to detect seo issues.
  • Includes a clean, responsive default blog template you can customize.
  • Open source and self hosted

Demo blog: https://webnami-blog.pages.dev/

GitHub: https://github.com/webnami-dev/webnami

I built this because I was frustrated with heavy blogging platforms and wanted something lightweight but SEO-friendly.

0 comments