Eleventy Excellent

An Eleventy starter

This starter is based on Andy Bell’s CSS workflow/boilerplate.
In Andy’s words, we’d rather hint the browser than micromanage it, using progressive enhancement, CSS layout, fluid type & spacing, and modern CSS features.
The aim is to create frontends that look good to everyone, regardless of device, connection speed or context.

Everything else is my own defaults and opinions and my preferred organization system for Eleventy projects. I have tried to document a few things.

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!

  • The Game Show

    When I was ten I was on a game show.

  • 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.'

  • What is Tailwind CSS doing here?

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

  • Demo pages

    As of version 2.0, the demos featured here are all directly built in the starter.