Skip to main content

Official 11ty docs

Plugins

Plugins — Eleventy

77 posts in 'Plugins'

How I shaved 1.5 minutes off my Eleventy build time

I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!

Categories: Asset PipelinesHow to...PerformancePlugins

Elevating Video Transcripts as Searchable Content

A post by Zach Leatherman (zachleat)

Categories: How to...PluginsWebCYouTube

@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy

I have created an Eleventy plugin to easily implement cache busting and asset handling.

Categories: Asset PipelinesHow to...Plugins

Eleventy now support automatic transforms from local paths to output URLs right out of the box.

Categories: FiltersHow to...Plugins

Setting up image transforms in Eleventy

I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.

Categories: How to...ImagesPlugins

Eleventy 🤝 Immich

HOW DO YOU DO, PLEASE STATE YOUR PROBLEM _

Categories: CollectionsHow to...ImagesPlugins

Lessons Learned Moving Eleventy form CommonJS to ESM

A post by Zach Leatherman (zachleat)

Categories: ConfigurationHow to...Plugins

Super fast responsive image loading in Eleventy

Automatically optimise and serve images by type and size in Eleventy.

Categories: How to...ImagesPerformancePlugins

addRemoteData

An Eleventy plugin for fetching remote data and exposing the response as a global data variable.

Categories: PluginsRemote Data

Fetching Package Dependents from GitHub

Using linkedom to grab all repositories that are depending on my post graph plugin

Categories: Global DataHow to...Plugins

Added Monthly Posts Heatmap To The Site

I added a Posts per Month heatmap to the site's Statistics page today.

Categories: Plugins

Pokédex Plugin for Eleventy

Plugin to add a Pokédex to your Eleventy website

Categories: Plugins

Adding Decap CMS to 11ty

One person is typing.

Categories: BloggingCMSConfigurationHow to...Plugins

Hiding Future Posts in Eleventy

Describes how to hide posts with a future publishing date in an Eleventy site.

Categories: BloggingConfigurationGlobal DataHow to...Plugins

Adding Site Search to Eleventy with pagefind-search

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Categories: CSS/SassHow to...PluginsSearch

My 11ty Plugins

A list of plugins that I have written for the eleventy static site generator.

Categories: BloggingPlugins

Creating a complete RSS feed

This article is about: How I created a complete RSS-Feed

Categories: BloggingHow to...PluginsRSS

Automatic pre-processing of post images in Eleventy

A brief description of how I set up automatic image scaling in Eleventy.

Categories: ConfigurationHow to...ImagesPlugins

Eleventy File List Plugin

Describes an Eleventy plugin I created that enables a site to display a list of downloadable files.

Categories: How to...Plugins

December Updates to Eleventy Plugin Stats

I made some enhancements to my Eleventy Post Statistics plugin this month and this post describes the changes.

Categories: Plugins

Generating OG Images in Eleventy

Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!

Categories: ConfigurationPluginsSocial Media

Addition of Post Graphs to Stats page

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: BloggingPlugins

Eleventy Post Graph Plugin

Generate Github-style post distribution graph for your blog posts in Eleventy

Categories: DatesHow to...Plugins

Syntax highlighting code in Eleventy posts

A quick tutorial about how to enable syntax highlighting of code blocks in Eleventy posts

Categories: CSS/SassHow to...Plugins

VSCode Pasting 11ty Images

Creating content locally like a hosted editor

Categories: How to...ImagesMarkdownPlugins

Using 11ty to bring back tag clouds

Tag clouds are a good way of seeing what kind of posts are floating around in your blog, lets bring them back

Categories: FiltersHow to...Plugins

A new technique for image optimization: SVG short circuiting

A post by Zach Leatherman (zachleat)

Categories: How to...ImagesPlugins

Automatically optimize your images with Eleventy Image and CloudCannon

Websites are becoming increasingly visual and we're adding more and more image content to our sites — but these images need to be optimized.

Categories: ImagesPerformancePlugins

Better word counts and reading time in Eleventy (11ty)

A short tutorial on how to count words and determine the reading time using Eleventy.

Categories: How to...Plugins

A short tutorial on how to find backlinks (pages that link to the current page) using Eleventy

Categories: How to...Plugins

What I learned making top-level.dev

A single purpose site that gives you all of the top level domains in one handy list.

Categories: PaginationPlugins

classnames

An Eleventy plugin that joins truthy, deduplicated values into a single, compact string for use in an HTML element's class attribute.

Categories: PluginsHow to...CSS/Sass

Added Content Stats to Eleventy Plugin Post Statistics

This post describes some new enhancements to my Eleventy Plugin Post Statistics plugin.

Categories: Plugins

A small Eleventy plugin I built at the end of February 2023.

Categories: Plugins

Font Subsetting with Eleventy.js

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: Asset PipelinesConfigurationHow to...Plugins

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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Code for copying code: the Eleventy edition

Here’s a workaround for including “copy” buttons in code blocks built by Prism-based syntax highlighting in Eleventy.

Categories: PluginsHow to...

How to programmatically add tags to posts in 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: BloggingCollectionsConfigurationHow to...Plugins

Why I built my own Vue plugin for Eleventy

Why and how I built my own Vue plugin for Eleventy.

Categories: ConfigurationPlugins

First Experience Building with Eleventy's WebC Plugin

My first attempt working with Eleventy's new Web Component plugin

Categories: WebCPlugins

Manage your SVG files with Eleventy's render plugin

Using renderFile to keep things tidy

Categories: PluginsImages

11ty second 11ty: The Render Plugin Part 1

The Render plugin is comprised of two shortcodes for use in your Nunjucks, Liquid or JS templates. It’s a plugin that is bundled with the main 11ty NPM package and ready to use as soon as you nom install 11ty.

Categories: PluginsYouTube

Optimizing Images with the 11ty Image Plugin

While imagery can enrich your content, it can also slow down your site if it's not used responsibly. Learn how to use the official 11ty image plugin to create optimized and responsive images.

Categories: ImagesPlugins

Let's Learn Eleventy (11 Part Series)

For the past couple of weeks I have been exploring Static Site Generators (SSG) in an effort to see... Tagged with ssg, eleventy.

Categories: Getting StartedPlugins

Using the Eleventy Image plugin without a central image folder

Eleventy’s official image pre-processing plugin assumes you have a single folder with all your images in it. I needed something different, and this is how I did it.

Categories: PluginsImagesHow to...

Nicer Image URLs with eleventy-plugin-remark and remark-images

Website and blog of Florian Eckerstorfer, a web developer living and working in Vienna, Europe. He likes long walks, music and books.

Categories: Plugins

The new Eleventy Vite Plugin

YouTube video

Categories: PluginsYouTube

Eleventy + Vue 3

Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.

Categories: ConfigurationHow to...Plugins

A 11ty Reading Time Plugin Quest

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: How to...Plugins

Eleventy + Lit

Simple. Fast. Web Components.

Categories: Plugins

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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Mix and match template syntax in Eleventy using the render plugin

A post by Zach Leatherman (zachleat)

Categories: Plugins

Eleventy 1.0 - Global Data via Plugins Example

A followup on my post concerning Eleventy's new addGloblData feature

Categories: Global DataPlugins

An Adobe PDF Embed Plugin for Eleventy

Eleventy users can now add a PDF Embed plugin to their sites

Categories: How to...Global DataConfigurationPlugins

Eleventy plus Vite = elite

Re-bundling, but without the pain of webpack.

Categories: How to...Plugins

Building a Database Driven Eleventy Site

Using a database (MySQL) to drive content for an Eleventy site

Categories: PluginsPaginationGlobal Data

Using the Image plugin with Eleventy to build a simple gallery

Categories: ImagesHow to...PluginsConfigurationImage Galleries

Eleventy plugin for generating social images (using SVG)

How I created an eleventy plugin to automatically generate social-images for your website and blog posts.

Categories: PluginsHow to...

My year of Eleventy plugins

Exactly one year ago today, I published my first Eleventy plugin. Here are some of the things I’ve learned since then.

Categories: Plugins

Eleventy plugin for efficient CodePen embeds

Embed CodePen.io Pens into your 11ty website by using a ShortCode. It directly embeds an iFrame for efficiency (without loading CodePen's Javascript).

Categories: How to...Plugins

RSS, a love letter and walkthrough for my Eleventy site

Power Platform Developer and all around cool guy

Categories: How to...PluginsLayoutsRSS

Configuring responsive and optimized images with Eleventy

Power Platform Developer and all around cool guy

Categories: ImagesHow to...Plugins

@fec/eleventy-plugin-remark v2.0.0 released

I released @fec/eleventy-plugin-remark v2.0.0

Categories: Plugins

Create a Plugin for 11ty (video)

YouTube video

Categories: PluginsYouTube

Embed Everything

I recently released a plugin for quickly embedding media in Eleventy sites. I think it has potential!

Categories: How to...Plugins

Adding Text Linting to Eleventy

An example of using Eleventy's Linter feature

Categories: How to...Plugins

Creating an 11ty Plugin - SVG Embed Tool

In the sites I’ve built with Eleventy (11ty) recently, I’ve found myself reusing a couple filters. This has involved me copying and pasting the code a lot. The solution? Create an 11ty Plugin.

Categories: PluginsHow to...

2024 redesign

Some notes about this 2024 redesign.

Categories: Asset PipelinesHow to...Plugins

Get the blog by email (or RSS)

Powered by Buttondown