Plugins
Plugins are custom code that Eleventy can import into a project from an external repository.
All official plugins live under the @11ty npm organization and plugin names will include the @11ty/ prefix.
- Create or use Plugins: Plugins are just configuration. Learn how to create a plugin of your own to reuse functionality or to organize your configuration file.
- Image: A utility to resize and generate images.
- Image Data Files: Use images to populate data in the Data Cascade.
- Image JavaScript API: Low-level JavaScript API works independent of Eleventy.
- Image Shortcodes: Use universal shortcodes in Nunjucks, Liquid, or 11ty.js templates.
- Image WebC: Use a WebC component for WebC templates.
- Fetch: A utility to fetch and cache network requests.
<is-land>: A plugin to smartly and efficiently load and initialize client-side components to your web site.- Render: A plugin to add shortcodes to render an Eleventy template string (or file) inside of another template.
- Internationalization (i18n): Utilities to manage pages and linking between localized content on Eleventy projects.
- RSS: Generate an RSS or Atom feed to allow others to subscribe to your content using a feed reader.
- Upgrade Helper: A plugin to help you upgrade your Eleventy project between major version releases.
- Syntax Highlighting: Code syntax highlighting using PrismJS without client-side JavaScript.
- InputPath to URL: Maps an Eleventy input file path to its output URL.
- Navigation: A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too!
- HTML
<base>: Emulate the<base>element by adding a prefix to all URLs in.htmloutput files. - Bundle: A plugin create small plain-text bundles of code (CSS, JS, HTML, SVG, etc)
- Id Attribute: A plugin to add `id` attributes to headings.
- Directory Output: A plugin to group and sort console output by directory, with file size and benchmarks.
- Inclusive Language: A plugin to check for inclusive language in markdown files.
- Community Plugins
- Retired Plugins
- Edge: A plugin to run Eleventy in an Edge Function to add dynamic content to your Eleventy sites.
- Serverless: A plugin to run Eleventy in a serverless function for server side rendering or to speed up builds for very large sites.