EleventyStarter

11up — Eleventy Starter Template

By woodcox

11up is an Eleventy-based starter template that combines Tailwind CSS, Alpine.js, and an Esbuild JS build pipeline, with Netlify CMS integrated.

Explore the design

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

2 previews
Desktop homepage1 / 2
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-10-02View source

What stands out

A quick read of the recorded project description.

01

Uses Eleventy as the static site generator, paired with Tailwind CSS and Alpine.js

02

Uses Esbuild as the JavaScript build pipeline

03

Integrates Netlify CMS as the content management solution

04

Provides an online demo page and a Netlify one-click deploy button

05

README lists unfinished to-dos such as Partytown for analytics scripts

Template Details

11up is an Eleventy starter repository published by woodcox, which the author used to experiment with quickly building websites. The technology stack includes Eleventy for generating static pages, Tailwind CSS for styling, Alpine.js for front-end interactivity, ESbuild as the JavaScript build pipeline, and Netlify CMS as the content management entry point.

The repository provides an online demo page and includes a Netlify one-click deploy button. The README outlines the getting-started process: clone the repository, enter the directory, run npm install to install dependencies, then run npm run start to launch Eleventy.

In the README, the author notes that the template was inspired by Neat Starter, TEAstack, and the Jekyll theme SinglePaged, and mentions possible future additions of an ESbuild CSS plugin and Partytown for analytics scripts, both marked as to-dos or ideas and not yet implemented.

EleventyStarter

Is it right for your project?

Use Cases

  • Developers who want to quickly get started with the Eleventy + Tailwind CSS + Alpine.js combination
  • Small static sites that need visual content editing via Netlify CMS
  • Project prototypes that want to use Esbuild for the front-end JS build process
  • Scenarios for migrating an existing Jekyll site by referencing this template's structure

Suitable For

  • Developers familiar with npm and command-line operations
  • Personal or small-team projects that need a static site generator plus a content management backend
  • Developers who want to modify the MIT-licensed code as a base

Getting started & customization

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

  1. 1

    Clone the repository: git clone https://github.com/woodcox/11up.git my-website-name

  2. 2

    After entering the directory, run npm install to install dependencies

  3. 3

    Run npm run start to launch Eleventy

  4. 4

    View the result via the Netlify deploy button or demo URL in the README

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; 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 must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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
Partly documented · 68 / 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
2023-03-01
Screenshot last checked
2026-10-03

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.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 446d06fac25f8a29eb925d2f1418fbc5a977589525f050fcb8a55ee3bb77d5d0

2026-10-03T18:19:12.810Z

Source file / repository
| ![11up](https://user-images.githubusercontent.com/64870518/159159826-4794d713-2a4b-433c-bfd3-aeb7aa244326.jpg) |
| -------------------------------------------------------------------------------------------------------------- |

# [11up](https://woodcox.github.io/11up/)

11up is a starter repo to test out how I could build websites fast using [Eleventy](https://www.11ty.dev), [Tailwind CSS](https://tailwindcss.com), and [Alpinejs](https://alpinejs.dev). [ESbuild](https://esbuild.github.io/) is also used as a JS build pipeline. I might make use of the css plugins for ESbuild in the future as this repo by [arslanakram](https://github.com/arslanakram/custom-esbuild-with-scss-purgecss-and-liveserver) has an interesting setup. Details of this set up are also available on [Stack Overflow](https://stackoverflow.com/questions/70325815/how-to-setup-custom-esbuild-with-scss-purgecss-liveserver).

I am hoping I can transfer my jekyll projects to the TEAstack + ESbuild. 

## Live Demo

[https://woodcox.github.io/11up/](https://woodcox.github.io/11up/)

### Technologies used:

- [Netlify CMS](https://www.netlifycms.org/)
- [Eleventy](https://www.11ty.dev/)
- [Alpine.js](https://github.com/alpinejs/alpine)
- [Tailwind CSS](https://tailwindcss.com/)
- [ESbuild](https://esbuild.github.io/)

<a href="https://app.netlify.com/start/deploy?repository=https://github.com/woodcox/11up&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a>

## Getting Started


### 1. Clone this repository

```
git clone https://github.com/woodcox/11up.git my-website-name
```

### 2. Navigate to the directory

```
cd my-website-name
```

### 3. Install the dependencies

```
npm install
```

### 4. Run Eleventy

```
npm run start
```

## Credits

This theme was inspired by: 
  - [Surjith S M](https://surjithctly.in/) and his [Neat Starter](https://github.com/surjithctly/neat-starter)
  - [Greg Wolanski](https://gregwolanski.com/) for writing the article on [CSS Trick](https://css-tricks.com/eleventy-starter-with-tailwind-css-alpine-js/) and his [TEAstack](https://github.com/gregwolanski/eleventy-tailwindcss-alpinejs-starter) starter repo
  - [Tim O'Brien](http://t413.com) for creating [SinglePaged](http://github.io/t413/SinglePaged) jekyll site


## License

The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

See `LICENSE` for more information.

## To do
- add partytown for analytics
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

eleventy-base-blog

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

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

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

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

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

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