EleventyStarter

eleventy-garden — Eleventy Starter Template

By binyamin

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

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-09-30View source

What stands out

A quick read of the recorded project description.

01

An Eleventy-based static site starter template for building a digital garden

02

Supports double-bracket links (Roam style)

03

Automatically displays backlinks and provides hover cards for backlinks

04

Notes are kept in the /notes directory, and site information is in /_data/site.json

05

Styles and brand assets are located at /assets/style.css and /assets/avatar.png respectively

06

MIT license; the code can be used, modified, commercially used, and distributed for free

Template Details

eleventy-garden is a starter template built on the Eleventy static site generator for creating a digital garden (mind garden) type of personal website. Digital gardens organize content primarily through contextual hyperlinks rather than chronological order, placing them between notebooks and blogs. The template provides double-bracket links (Roam style), backlink display, and hover cards for backlinks to help connect notes to one another. The README states that content notes go in the /notes directory, site information is in /_data/site.json, styles are in /assets/style.css, and the brand avatar is at /assets/avatar.png. Local preview uses npm start, and publishing can use static hosting such as Netlify or Vercel. The repository uses the MIT license, and the code can be used, modified, commercially used, and distributed for free, but third-party assets such as demo images, fonts, and icons must be checked against their respective licenses, and external services such as domains and hosting may incur separate charges. The README also mentions that the project is still seeking feedback, and the wiki guide is marked as coming soon.

EleventyStarter

Is it right for your project?

Use Cases

  • Building a personal knowledge site that organizes content through hyperlinks rather than a timeline
  • Turning scattered notes into a digital garden that can reference each other and trace backlinks
  • Publicly recording and connecting personal understanding of various topics
  • Serving as a starting template for an Eleventy static site project, then replacing content and styles as needed

Suitable For

  • Individuals who want to build a digital garden with Eleventy
  • Knowledge managers who are used to organizing notes with double-bracket links
  • Writers who need backlinks and hover previews to browse note relationships
  • Developers who accept static hosting and prepare content and assets themselves

Getting started & customization

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

  1. 1

    Generate a repository from the template and clone it locally, then run npm install in the terminal

  2. 2

    Put notes in /notes and fill in site information in /_data/site.json

  3. 3

    Adjust styles in /assets/style.css and replace the brand avatar at /assets/avatar.png

  4. 4

    Run npm start for local preview; publishing can use static hosting such as Netlify or Vercel

  5. 5

    Third-party assets must be checked against their respective licenses, and external services may incur separate charges

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 is the code of that version and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, commercially used, and distributed for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability 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 against 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-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 · 91 / 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
2026-09-15
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: a9ae64d93b96a773fcafa48965ea3912e53ce2f58a5d75f7c47e5a7acb34d0fa

2026-10-01T14:22:24.321Z

Source file / repository
# Eleventy-Garden

A starter site for building a [mind garden](https://www.mentalnodes.com/a-gardening-guide-for-your-mind), using [11ty](https://github.com/11ty/eleventy) ([demo](https://eleventy-garden.netlify.app/))

[![Netlify Status](https://api.netlify.com/api/v1/badges/4ce845a6-b009-4fcf-9ad4-a560d01a0073/deploy-status)](https://app.netlify.com/sites/eleventy-garden/deploys)

> Note: I'm not building this project for myself, so y'all gotta tell me what you think. Issues are the way to go here.

## :seedling: Introduction

#### What is a digital garden?

A digital garden is a website where the primary organization of content emerges from contextual hyperlinks moreso than a chronological method of organization. It's a mix of a notebook and a blog, and often uses the ethos of "working in public."

#### Why use a mind garden?

Good way of presenting your own personal knowledge and understanding of things, as well as connecting them back and to each other, etc. A digital garden is a fun way to non-linearly represent all the things you care about on the web. Check out these great examples of mind gardens:

- https://maggieappleton.com/
- https://wiki.nikiv.dev/
- https://joelhooks.com/

#### Why use eleventy-garden?

Eleventy-garden allows you to quickly take advantage of [eleventy's](https://github.com/11ty/eleventy) static site generation and makes a starter template for hosting your own personal mindgarden website. Everything is free, easy and fun! Read ahead to get started :)

## :house: About

- Double-bracket links (the ones roam uses)
- Displays backlinks
- hovercards for backlinks

### Related

- [maximevaillancourt/digital-garden-jekyll-template](https://github.com/maximevaillancourt/digital-garden-jekyll-template)
- [mathieudutour/gatsby-digital-garden](https://github.com/mathieudutour/gatsby-digital-garden/)
- Find more at [maggieappleton/digital-gardeners](https://github.com/maggieappleton/digital-gardeners)

## :rocket: Usage

Check out [the wiki](https://github.com/binyamin/eleventy-garden/wiki) for more information, including FAQs and wiki guides (coming soon).

### Getting started

[![deploy to netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/b3u/eleventy-garden)

**First Steps**

- [Generate a repository from this template](https://github.com/binyamin/eleventy-garden/generate)
- Clone the repository locally ([how to clone a git repository](https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/cloning-a-repository))
- Run `npm install` in a terminal.

**Make your changes**

- Styling: The css file is in `/assets/style.css`
- Branding: Add your logo or avatar in `/assets/avatar.png`
- Content: `/_data/site.json` contains vital information to make the site your own
  - Drop your notes in the `/notes` folder
- Testing: To view it locally, open a terminal and type `npm start`

**Publish it**

- You can use Netlify, Vercel, or whatever else works.

## :heart: Contribute

Feel free to dive in!

Here's what this project needs...

- Feedback! I didn't make this repo is for myself, so y'all gotta tell me what you want.
- Stars on GitHub
- Contributors - check out the [contributing guide](https://github.com/binyamin/eleventy-garden/blob/main/CONTRIBUTING.md)

### Maintainers

[@binyamin](https://github.com/binyamin)

## :scroll: License

This project is under the [MIT](https://github.com/binyamin/eleventy-garden/blob/main/LICENSE) license.
Please adhere to the [code of conduct](https://github.com/binyamin/eleventy-garden/blob/main/.github/CODE_OF_CONDUCT.md).
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

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

vredeburg

vredeburg

Vredeburg is a blog starter template built with Eleventy and Tailwind CSS, offering a homepage, article inner pages, and an about page. Site title, description, author, and menu navigation are configured centrally in src/_data/.

Eleventy · Blog