explaingit

11ty/eleventy

📈 Trending19,644JavaScriptAudience · developerComplexity · 2/5ActiveLicenseSetup · easy

TLDR

A flexible static site generator that converts template files into plain HTML pages. Supports multiple template languages and plugins, with no database or server needed at runtime.

Mindmap

mindmap
  root((Eleventy))
    What it does
      Converts templates to HTML
      Generates static sites
      No runtime server needed
    Template support
      HTML and Markdown
      JavaScript and Liquid
      Plugins for Sass, Vue, Svelte
    Use cases
      Personal blogs
      Documentation sites
      Marketing pages
    Why choose it
      Flexible and simple
      Full control
      Fast and cheap hosting

Things people build with this

USE CASE 1

Build a personal blog or portfolio site that loads instantly with no database.

USE CASE 2

Create a documentation site for a project that stays in sync with your source code.

USE CASE 3

Generate a marketing landing page or company website that's cheap to host and fast to load.

USE CASE 4

Mix multiple template languages in one project without being locked into a single format.

Tech stack

JavaScriptNode.jsnpmMarkdownLiquidNunjucksSass

Getting it running

Difficulty · easy Time to first run · 5min
Eleventy is open source and permissive, allowing free use for any purpose including commercial projects.

In plain English

Eleventy is a static site generator, a tool that takes a folder of template files and converts them into plain HTML pages ready to be served on the web. A static site generator solves the problem of building websites that don't need a live database or server to produce each page on demand: instead, you generate all the HTML once, then host those files anywhere cheaply and quickly. What sets Eleventy apart is its flexibility and simplicity. It can process templates written in many different formats at once, plain HTML, Markdown (the simple text formatting language bloggers often use), JavaScript, Liquid, Nunjucks, and more. Plugins extend that further to cover WebC, Sass (a CSS extension), Vue, Svelte, TypeScript, and JSX. You are not locked into one templating language across your project. Eleventy itself is written in JavaScript and installed via npm (the standard Node.js package manager), but the sites it produces can be hosted as simple static files with no Node.js required at runtime. Someone would choose Eleventy for a personal blog, a documentation site, a marketing landing page, or any content-heavy website where speed and simplicity matter more than dynamic, database-driven features. It is considered an alternative to Jekyll (a similar tool in the Ruby ecosystem) and appeals to developers who want full control without the complexity of larger frameworks.

Copy-paste prompts

Prompt 1
Show me how to set up an Eleventy project from scratch and create my first blog post in Markdown.
Prompt 2
How do I add a custom plugin to Eleventy to process Sass files alongside my HTML templates?
Prompt 3
Walk me through deploying an Eleventy site to a static host like Netlify or GitHub Pages.
Prompt 4
How can I use Eleventy to generate a documentation site with a navigation menu and search?
Prompt 5
Show me how to mix Markdown and JavaScript templates in the same Eleventy project.
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.