Official 11ty docs
Layouts — Eleventy
40 posts in 'Layouts'
2025
As you can see, I'm getting my priorities in order. Here's how I added a falling-snow effect to my website.
Nov 10, 2025
“Discover Brewventy, a customizable coffee-themed Eleventy starter with dark/light modes, SCSS-driven theming, and built-in deployment workflows for effortless site launches.”
Oct 1, 2025
by Kyle Reddoch (3 posts) · Website & RSS feed
Categories: DeploymentGetting StartedLayoutsNetlifyShortcodes
A few tips to refactor your njk into vto.
Jun 5, 2025
Eleventy, présentation et mini-tutoriel
Apr 9, 2025
by Joris R (1 post) · Website & RSS feed
Categories: CSS/SassConfigurationDeploymentGetting StartedLayouts
Mar 25, 2025
by Austin Carr (1 post) · Website & RSS feed
Categories: BloggingCollectionsConfigurationDatesFront MatterGetting StartedHow to...LayoutsMarkdownPaginationWhy Eleventy?
Just a quick note on the fact that this blog now has a custom main navigation that can grow past the five or so items that…
Mar 23, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: BloggingCSS/SassHow to...LayoutsNavigation
Remember when internet quizzes were a thing? I wanted to bring them to my website.
Feb 4, 2025
by Nathan Upchurch (4 posts) · Website & RSS feed
Categories: Front MatterGlobal DataHow to...Layouts
how i am using leaflet & 11ty
Jan 4, 2025
by tlohde (2 posts) · Website
Categories: How to...LayoutsRemote Data
2024
At last, I've gotten around to implementing image galleries.
Dec 2, 2024
by Nathan Upchurch (4 posts) · Website & RSS feed
Categories: CollectionsFiltersImage GalleriesLayoutsPagination
How I added my recipes to my blog posts with cooklang and the recipe schema
Nov 7, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: CollectionsData CascadeFiltersFront MatterHow to...Layouts
I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.
Oct 19, 2024
by Sebin Nyshkim (3 posts) · Website & RSS feed
Categories: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes
CAUTION
The posts below were published before the release of Eleventy v3.0.0 (Oct 1, 2024). Information in these posts may be out of date. The current stable release is 3.12.
I've spent the last, uh, month or so inching my way towards leveraging a CMS to manage the content on this site. It started with improving my self-hosted scrobbling setup, importing yet more of my personal data and then looking around at friendlier options to manage what I'd spun up.
Jun 3, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CMSCollectionsLayoutsRemote Data
The missing getting-started guide for the Eleventy (11ty) static-site generator.
May 27, 2024
by Sean McPherson (3 posts) · Website & RSS feed
Categories: Asset PipelinesConfigurationGetting StartedLayoutsShortcodes
In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that I’m calling pre and post includes.
May 24, 2024
by Chris Burnell (8 posts) · Website & RSS feed
Categories: Front MatterHow to...LayoutsNunjucks/Macros
May 11, 2024
by Al Power (9 posts) · Website & RSS feed
Categories: DebuggingHow to...LayoutsNunjucks/Macros
Getting a component-driven development experience that fits nicely into the 11ty zen.
Apr 21, 2024
by Paul Everitt (2 posts) · Website
Categories: Getting StartedLayoutsYouTube
Understand the basic concepts of Eleventy Layouts and Templates. Learn how the 11ty static site generator utilizes them in your Eleventy site.
Mar 26, 2024
by Danial Zahid (6 posts) · Website
Categories: ConfigurationHow to...Layouts
Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.
Mar 13, 2024
by Declan Byrd (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
Feb 7, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: FiltersGlobal DataLayoutsRemote Data
A curated list of the top 11 Eleventy themes on GitHub in 2024.
Jan 30, 2024
by Jaimie McMahon (1 post) · Website & RSS feed
Categories: ConfigurationGetting StartedLayouts
Eleventy has built-in tagging and collections capabilities that I’m riffing on to show you how to build a super simple category system with RSS feeds for each one.
Jan 26, 2024
by Andy Bell (3 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...LayoutsPagination
A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?
Jan 24, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: ConfigurationGlobal DataHow to...Layouts
Continuing his Eleventy tutorial, David Eastman shows how to configure the system, make use of templates, what collections are, and more.
Jan 20, 2024
by David Eastman (2 posts) · Website & RSS feed
Categories: CollectionsConfigurationLayouts
How I used JPEGs as templates in Eleventy to build a photo gallery
Jan 5, 2024
by Evan Sheehan (8 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsImage Galleries
2023
How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build
Dec 24, 2023
by Robb Knight (20 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsSocial Media
From 0 to minimal blog using 11ty. I tell you the steps I took to create the minimal technical basis for this website's content.
Dec 23, 2023
by Tobias Fedder (7 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationInternationalizationLayouts
Dec 2, 2023
by Rob Anderson (5 posts) · Website & RSS feed
Categories: ConfigurationLayoutsPluginsWebC
Default layouts in 11ty
Nov 6, 2023
by Remy Sharp (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...Layouts
If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.
Oct 3, 2023
by Tomek Poniatowicz (2 posts) · Website & RSS feed
Categories: BloggingCollectionsFront MatterHow to...Layouts
2022
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 3.12.
Eleventy Layouts with Sizlate by Simon McManus
Nov 6, 2022
by Simon McManus (1 post) · Website
Categories: Layouts
Blog and general digital garden of the full stack programmer Simon Dann.
May 17, 2022
by Simon Dann (11 posts) · Website & RSS feed
Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingGetting StartedHow to...Layouts
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 3.12.
How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!
Jan 4, 2022
by Josh Cunningham (2 posts) · Website & RSS feed
Categories: CollectionsLayouts
2021
If you like using Eleventy, but would love to leverage Vue syntax in your templates, here's a guide on how to do that.
Dec 1, 2021
by Henry Desroches (2 posts) · Website
Categories: Layouts
Sep 21, 2021
by anh (3 posts) · Website & RSS feed
Categories: Data CascadeGlobal DataLayouts
A look at using multiple blocks and having them render in Liquid templates
Aug 19, 2021
A quirk detail about how Elevent handles extending a Nunjucks layout using template blocks.
Jul 23, 2021
by Ramon Lapenta (1 post) · Website
Categories: Layouts
2020
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Dec 31, 2020
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Dec 20, 2020
by Michael Harley (14 posts) · Website & RSS feed
Categories: Getting StartedBloggingWhy Eleventy?ConfigurationLayouts
In this post, we're gonna take a deeper look into Eleventy which takes care of building the website by combining layout templates with blog post data from Markdown files.
Mar 18, 2020
by Juha-Matti Santala (21 posts) · Website & RSS feed
Categories: Getting StartedGlobal DataLayoutsBlogging