11r - Eleventy dark blog template starter

A dark-themed Eleventy blog template with Tailwind styling, Nunjucks layouts, and Rollup bundling. Includes tags, pagination, syntax highlighting with copy button support, and SEO-ready defaults.

11r screenshot
dark-mode Dark theme design

Ships with a cohesive dark color scheme designed for comfortable long-form reading.

circle-check-3 SEO-ready defaults

Includes sensible SEO scaffolding so you can publish quickly with minimal configuration.

duplicate-tasks-2 Code copy button

Prism highlighting is paired with a copy-to-clipboard script for code blocks.

section Tags and pagination

Built-in collections support tags and paginated lists for organizing posts at scale.

navigation-horizontal Nested table of contents

Automatically generates a nested table of contents from headings for long articles.

circle-info-sparkle Overview

Launch a dark, SEO-ready Eleventy blog with tags and pagination

A dark-themed blog starter built for developers who want a straightforward static site they can customize and deploy quickly. It’s designed around an Eleventy content workflow, with layouts that make long-form writing and navigation feel organized. Styling is handled with Tailwind CSS, giving you utility-first control over typography and UI details without fighting a heavy theme layer. You also get thoughtful writing-focused touches like syntax highlighting and an on-page table of contents for longer posts. If you’re migrating from an existing blog or starting fresh, this template is aimed at getting you to a clean, readable baseline fast.

What's included

  • Dark color-scheme blog styling
  • Nunjucks template/layout structure for pages and posts
  • Tag archive support for organizing content
  • Pagination for post lists
  • Heading anchor generation for shareable sections
  • Nested table of contents generation for long articles
  • Prism-based code syntax highlighting with a copy button script
  • Basic SEO scaffolding with site-wide metadata via a global JSON file

Ideal for

  • Personal engineering blogs and technical writing
  • Developer documentation-style articles with lots of headings
  • Content-heavy sites that need tags and paginated listings
  • Minimal Jamstack blogs you can host as static files
  • Writers who want a dark reading experience by default

Tech & compatibility

This starter uses Eleventy for static generation and Nunjucks for templating, with Rollup handling bundling. It also includes integrations for anchors and a nested table of contents, plus Prism highlighting and a small script to support copying code snippets. Styling is configured via a Tailwind config, and the theme includes a custom font family setup.

License & usage

The repository is licensed under MIT, which is generally suitable for personal and commercial use with attribution preserved.

Repository stats
lock-open 0 open issues
star 151 stars
eye 3 watching
code-fork 29 forks
code-commit 38 commits
history almost 4 years ago
Stack
Tailwind CSS
Tailwind CSS v3
Eleventy
Eleventy v1
Highlights
circle-check-3 High resolution
circle-check-3 Well documented
circle-check-3 Responsive
circle-check-3 Syntax highlighting
circle-check-3 SEO ready
circle-check-3 Pagination
x logo-facebook logo-linkedin

Vredeburg

star 110

Eleventy blog starter template

Neat Starter

star 356

Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS

Astro Boilerplate

star 910

An Astro starter template built with TypeScript and Tailwind CSS