An Eleventy-based static site starter template for building a digital garden
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.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Supports double-bracket links (Roam style)
Automatically displays backlinks and provides hover cards for backlinks
Notes are kept in the /notes directory, and site information is in /_data/site.json
Styles and brand assets are located at /assets/style.css and /assets/avatar.png respectively
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.
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
Generate a repository from the template and clone it locally, then run npm install in the terminal
- 2
Put notes in /notes and fill in site information in /_data/site.json
- 3
Adjust styles in /assets/style.css and replace the brand avatar at /assets/avatar.png
- 4
Run npm start for local preview; publishing can use static hosting such as Netlify or Vercel
- 5
Third-party assets must be checked against their respective licenses, and external services may incur separate charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis 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
https://github.com/binyamin/eleventy-garden/blob/main/LICENSEhttps://github.com/binyamin/eleventy-garden/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
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/)) [](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 [](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).
Explore similar templates
Compare previews and descriptions within the same stack and category.

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 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
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
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
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 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
