Eleventy Excellent

An Eleventy starter

Built around a CSS workflow that emphasizes guiding browser styling rather than micromanaging it. It incorporates progressive enhancement, fluid type and spacing, and utilizes modern CSS features for layout. The goal is to develop frontends that provide a great experience across all devices, connection speeds, and usage contexts.

This is version 3.
I keep a branch of v1 and v2 because I have changed a lot of things.
I have tried to document most features and methodologies.

Have fun and let me know if you find any issues or have ideas for improvements!


I'm showing the last 4 blog posts, but there might be more!

Eleventy Excellent 3.0

It's been a few months, and I have decided to change things again, which probably makes the starter even more opinionated. 🤷 Eleventy Excellent 3.0 now uses ESM, has a new config structure and uses web components.

Eleventy Excellent 2.0

I created this starter after I saw Andy’s talk and studied the source code for buildexcellentwebsit.es. I quickly came to the conclusion that this is the way I want to build all my websites from now on! It's so great. I know many of you feel the same way.'

Post with a gallery

A gallery with good old "popup" functionality inside a dialog element, a new image shortcode that links directly to the image with its original dimensions, and a regular loop over images.

What is Tailwind CSS doing here?

We are using Tailwinds "engine" to generate utility classes on demand, based on our design tokens.