EleventyStarter

eleventy-base-webc — Eleventy Starter Template

By 11ty

An officially maintained minimalist Eleventy starter with the WebC plugin and layout preconfigured, intended for demonstrating and experimenting with how WebC and Eleventy work together.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

An officially maintained minimalist WebC starter for Eleventy

Preconfigures the Eleventy WebC plugin, with the `<is-land>` component ready for partial hydration

Custom `*.webc` components go in the `_components` folder

Uses the `js` front matter type to write arbitrary JavaScript front matter

Provides a WebC layout file `_includes/layouts/base.webc` with critical CSS and JS bundling

Template Details

This is a minimalist starter project in the official Eleventy repository, positioned as "bare-bones": it keeps only the most basic structure for demonstration and experimentation. It brings Eleventy and the WebC language together: the project preconfigures the Eleventy WebC plugin and includes a ready-to-use `<is-land>` WebC component for partial hydration. Custom `*.webc` files go in the `_components` folder.

The project uses Eleventy's `js` front matter type, allowing arbitrary JavaScript in front matter. For layout, it provides a simple WebC Eleventy Layout file (`_includes/layouts/base.webc`) containing minimal critical CSS and JS bundling. The homepage content is in `content/index.webc`.

As an official base template, it does not include a complete site structure, content system, or design system; styles and page organization must be built by the user. The repository is MIT licensed and can be used, modified, commercialized, and distributed for free, but third-party assets such as demo images, fonts, and icons require separate license checks.

EleventyStarter

Is it right for your project?

Use Cases

Experimenting with WebC component authoring and `<is-land>` partial hydration
Setting up a WebC component directory and layout foundation for an Eleventy project
Quickly starting a minimal Eleventy site locally for demonstration

Suitable For

Developers who want to understand how Eleventy and WebC work together
Eleventy users who need an official minimal starting point rather than a full theme
Projects planning to build their own styles and page structure

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Copy the code into the current folder using `git clone`, `npx degit 11ty/eleventy-base-webc`, or GitHub's Use this template
2
Run `npm install` to install dependencies
3
Run `npm start` to launch; by default visit `http://localhost:8080`
4
Edit homepage content in `content/index.webc`
5
Third-party assets such as demo images, fonts, and icons require separate license checks under their respective terms

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as-is; warranties and liability limitations are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets require license checks under their respective terms; the code's MIT license alone is not sufficient to judge.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/11ty/eleventy-base-webc/blob/main/LICENSE https://github.com/11ty/eleventy-base-webc/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 81 / 100
Technologies: Eleventy
Website type: Starter

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2024-10-16
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Eleventy as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 9948f5e9fc87b9096331e1ff79f9e0ad2db2d1d8c595eb2b716e27542878f20c

2026-10-01T14:45:03.495Z

Source file / repository

# eleventy-base-webc

A minimalist bare-bones Eleventy-official starter project useful for demos/experiments with [WebC](https://www.11ty.dev/docs/languages/webc/) and the [Eleventy](https://www.11ty.dev/) site generator (using the [v3.0 release](https://www.11ty.dev/blog/canary-eleventy-v3/)).

## Features

* [Eleventy WebC plugin](https://www.11ty.dev/docs/languages/webc/) preconfigured:
	* Includes the [`<is-land>` WebC component](https://www.11ty.dev/docs/plugins/partial-hydration/) ready for use.
	* Add your own `*.webc` files to the `_components` folder.
* Using the new [`js` front matter type for arbitrary JavaScript front matter](https://www.11ty.dev/docs/data-frontmatter/#javascript-front-matter)
* Simple WebC Eleventy Layout file with streamlined critical CSS and JS bundles (see `_includes/layouts/base.webc`)

## Get Started

1. Make a copy of this code with **one** of these on the command line (both install into the current folder):
	* `git clone https://github.com/11ty/eleventy-base-webc.git .`
	* `npx degit 11ty/eleventy-base-webc`
	* …or you can use the [_"Use this template"_ button on GitHub](https://github.com/11ty/eleventy-base-webc).
2. Install the dependencies by running `npm install`
3. Run it with `npm start` (see the other commands in `package.json` or on the [CLI docs](https://www.11ty.dev/docs/usage/))
4. Navigate to `http://localhost:8080` in your web browser.
5. Edit `content/index.webc` to change content on the home page.

## Demo

- [Cloudflare Pages](https://eleventy-base-webc.pages.dev/)
- [Netlify](https://eleventy-base-webc.netlify.app/)
- Learn more about [deploying an Eleventy project to the web](https://www.11ty.dev/docs/deployment/).

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

eleventy-base-blog

The officially maintained Eleventy blog starter template, MIT licensed, includes posts, tag pages, archives, an about page, a 404 page, an Atom feed, and sitemap.xml, with per-page CSS bundling, syntax highlighting, and image optimization.

Eleventy · Blog

eleventy-garden

An Eleventy-based digital garden starter template for building a personal knowledge site organized through hyperlinks. It supports Roam-style double-bracket links, backlink display, and hover cards for backlinks.

Eleventy · Starter

eleventastic

Eleventastic is an Eleventy starter kit by Max Böck, used as the base for new 11ty projects. It integrates Sass, Webpack, SVG icon sprites, critical CSS, and HTML minification into the 11ty build without external steps.

Eleventy · Starter

neat-starter

An Eleventy-based static site starter template integrating Netlify CMS, Alpine.js, and Tailwind CSS. It provides a ready-to-run example site, a one-click Netlify deploy button, and an MIT-licensed codebase.

Eleventy · Starter

Eleventy-Starter-Boilerplate

An Eleventy-based blog starter template with Tailwind CSS, Webpack, PostCSS, ESLint, and Prettier, optional Netlify CMS, and built-in SEO metadata, sitemap, and 404 page.

Eleventy · Blog

eleventy-plus-vite

A static site starter combining Eleventy and Vite, with a live-reloading development server, Vite-based production post-processing, a PostCSS pipeline with Autoprefixer and cssnano, critical CSS inlining and asynchronous CSS loading, a web font loading strategy example, fluid typography, basic dark mode, an…

Eleventy · Starter