🥷 Eleventy Blades

Ultimate blade kit for 11ty (Build Awesome).

Documentation

Filters →

• attr_concat, attr_includes, attr_set
• date
• fetch
• if
• markdownify
• merge
• remove_tag, strip_tag
• section
• unindent

Processors →

• Auto link favicons
• Auto-raw tags
• Auto newlines-to-br
• Hidden markdown attrs 🆕

Power tools →

• Base config file
• Base npm scripts
• Data helpers
• Blades starters

---

Install

npm install @anyblades/eleventy-blades

Then choose one of the following options:

A. All-in managed by Eleventy Blades:

Consider symlinking entire eleventy.config.js as a set-and-forget zero-config zero-maintenance solution:

ln -s ./node_modules/@anyblades/eleventy-blades/src/eleventy.config.js

Learn more: https://blades.ninja/11ty/tools/#base-config

Living examples:

• https://github.com/anyblades/build-awesome-starter
• https://github.com/anyblades/bladeswitch

B. Base config by Eleventy Blades with your additions/overrides in eleventy.config.js:

import baseConfig from "@anyblades/eleventy-blades/base-config";

export default function (eleventyConfig) {
  baseConfig(eleventyConfig);

  // Your additions/overrides
  ...
}

Living example: https://github.com/hostfurl/minformhf/blob/main/eleventy.config.js

C. Plug-in Eleventy Blades in your existing eleventy.config.js:

import eleventyBladesPlugin from "@anyblades/eleventy-blades";

export default function (eleventyConfig) {
  eleventyConfig.addPlugin(eleventyBladesPlugin, {
    mdAutoRawTags: true,
    mdAutoNl2br: true,
    autoLinkFavicons: true,
    siteData: true,
    filters: ["attr_set", "attr_concat", ...],
  });
}

D. Individual imports from Eleventy Blades in your eleventy.config.js:

import { siteData, mdAutoRawTags, mdAutoNl2br, autoLinkFavicons, attrSetFilter, attrConcatFilter, ... } from "@anyblades/eleventy-blades";

export default function (eleventyConfig) {
  siteData(eleventyConfig);
  mdAutoRawTags(eleventyConfig);
  mdAutoNl2br(eleventyConfig);
  autoLinkFavicons(eleventyConfig);
  attrSetFilter(eleventyConfig);
  attrConcatFilter(eleventyConfig);
  ...
}

---

Or use a fully preconfigured template as an alternative option:

🥷 Build Awesome Starter ↗  11ty + Tailwind + Typography + Blades

🥷 Bladeswitch Starter ↗  11ty + Pico + Blades

---

Featured by:

• https://11tybundle.dev/blog/11ty-bundle-88/
• https://11tybundle.dev/blog/11ty-bundle-83/
• https://11tybundle.dev/categories/getting-started/
• https://hamatti.org/posts/markdown-content-split-to-sections-in-eleventy-and-nunjucks/#:~:text=anydigital
• https://github.com/anydigital/awesome-11ty-build-awesome