11ty

11ty.recipes helps you build an Eleventy site from scratch, showing you how to add individual features to craft the exact site you need.

An Eleventy starter project to craft slick and responsive documentation

The perfect brew of design and functionality - a beautiful Eleventy starter theme featuring Catppuccin Mocha and Latte flavors

The Liquid reference documents the Liquid tags, filters, and objects that you can use to build Shopify themes.

A syntax-highlight web component that uses the CSS Custom Highlight API.

In refactoring my website earlier this year, part of my process was to evaluate and revise the many, many Eleventy Filters I use throughout my website’s build, so in this post, I’ll run through a handful of them.

Build a basic 11ty siteLet’s get started by following the 11ty Getting Started Guide: https://www.11ty.dev/docs/getting-started/After we have a working 11ty site, we will hook up our contact form u...

Connect your forms to Basin and start accepting submissions in minutes with no code required.

Give people a better experience getting in touch with you. Letterbird makes it fast and easy for anyone to get a well-designed, good ol’ fashioned email contact form.

Solving a problem I created

Almost everyone using Eleventy is using blog post dates wrong

How I use Obsidian, VSCode, and Eleventy to write for my website...for now.

Yet another Sass/SCSS plugin for Eleventy. Source maps, PostCSS and revision hashes are supported.. Latest version: 2.2.6, last published: 5 months ago. Start using eleventy-sass in your project by running `npm i eleventy-sass`. There are 2 other projects in the npm registry using eleventy-sass.

An 11ty plugin to dynamically generate categories of posts as well as pagination for those categories - brob/eleventy-plugin-dynamic-categories

A minimal theme for a landing page. Built with 11ty and Tailwind CSS. - CLCK0622/11ty-Serene

At last, I've gotten around to implementing image galleries.

I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.

My solution to adding "Copy" to markdown code blocks (and other things).

Faker.js plugin for 11ty.

A blog about CSS, front-end development, the web, and beyond.

A docs page for Eleventy, a simpler static site generator.

Testing the Nunjucks sort filter in Eleventy.

Solving a problem I created

My developer portfolio and blog website has been officially upgraded to Eleventy 3.0.

divpThis month, we're coming live from APAC and Europe for two talks. Helen Chong will walk us through her journey migrating to 11ty version 3.0 and Estela Franco will show us how she built an 11ty blog using the Storyblok headless CMS./pp/p/div

I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version. I started by creating two collections using markdown files. Each collection had a template…

I'm excited to announce the beta-release of eleventy-high-performance-blog–a high-performance blog template for 11ty based on this very...

I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates…

I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch do…