11ty

I built an Eleventy plugin to do Medium-style text highlights that can be shared. It uses a webcomponent, custom properties and the Web Share API.

Create a single-page site that composites working code examples by leveraging Nunjucks templating abilities and custom collections and shortcodes.

A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph).

Where does Eleventy get all of its data? Which data overrules other data? I've documented my whole mental model of Eleventy's data cascade.

A fast link checker for static html

This is a run-through of setting up a website with Eleventy, a simple static site generator. I’m going to try to list out all the relevant steps so you can follow along if you are attempting a similar project. I made a gallery site meant to showcase graphic artwork.

Tim Giles creates his new website featuring a blog using eleventy

Learn how to get your data from Pocket and show them on your Eleventy site.

Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build

jamshop has 18 repositories available. Follow their code on GitHub.

Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.

So that I could control what and how to display.

11ty is simple, flexible, and powerful. This tutorial shows how to use it to craft a neat Jamstack blog. Check it out!

In-browser structured text editing component

For the Visual Framework 2.0 component system we recommend Eleventy for static sites: Eleventy sites get direct access to component templates with associated metadata and a focused component library.

A collection of awesome Eleventy (11ty) tools, templates, plugins, guides, snippet, etc. - scottishstoater/awesome-eleventy

If you’re a designer or developer with intermediate knowledge of HTML and JavaScript, and know your way around GitHub and the command line, this tutorial is for you. We’re going to walk step-by-step through converting a WordPress site into a static site generated from Markdown.

When we started working on Duet Design System last year, one of our goals was to create a similar component playground as I had previously built for Vue Design System. While this seemed like...

Part I: What is a static site generator?

When I decided to move to the Jamstack, I was sure that I wanted to build something with an API and since I’m quite familiar with WordPress and its API that was an easy choice. But what seemed to be an easy task has had its obstacles.

Eleventy notes that it,

We already know that eleventy is powerful. In this episode, Bryan Robinson will teach us how to take 11ty even further with custom plugins! - demo: https://1...

Hi! I'm Bryan Robinson. I'm a developer, designer and fan of the web. I write blog posts and record videos on front-end development and design topics. I'm pa...

Plug11ty is a community-run repository for 11ty plugins. It's powered using NetlifyCMS Open Authoring. If you want to submit a plugin, click the Add Plugin button at the top

This Eleventy plugin will generate a TOC from page content using an Eleventy filter.

Eleventy is a simpler static site generator.

An eleventy plugin to create charts

This plugin is a series of shortcodes and filters that aim to help you write and organize your blog

How I added a similar post component to my blog with Eleventy and Liquid.