Built by
Tom Doe
Tom Doe

11ty Landing Page - An 11ty landing page starter template

A lightweight Eleventy landing page template styled with Tailwind CSS, designed for quick edits and straightforward content management. Includes dedicated imprint and privacy pages plus section-based templates for easy reordering.

11ty Landing Page screenshot
layers-3 Section-based layout

Reorder, add, or remove landing sections using Nunjucks partial templates.

code-fork Easy content edits

Update copy via Markdown pages and a JSON data file for feature lists.

wand-sparkle Tailwind JIT setup

Tailwind is configured for JIT builds and compiled through a PostCSS pipeline.

section Legal pages included

Includes separate imprint and privacy pages alongside the main landing page.

license MIT licensed

MIT licensing allows broad reuse in personal and commercial projects.

circle-info-sparkle Overview

Launch a fast Eleventy landing page template with editable sections

This is a lightweight landing page starter built for teams and solo makers who want a clear, editable marketing site without a heavy framework. It’s based on Eleventy and styled with Tailwind CSS, with a structure that makes it easy to swap sections in and out as your message evolves. Content is split between page files and a simple data file, so you can update copy and feature lists without hunting through templates. The layout is assembled from reusable partials, which helps keep the page organized as it grows. It also includes dedicated legal pages so you can publish a more complete site from day one.

What's included

  • A single-page landing layout assembled from section templates
  • A base layout file that defines the overall page structure
  • Reusable partial templates for composing page sections
  • A section directory intended for organizing modular landing blocks
  • Markdown pages for imprint and privacy
  • A data file for managing feature-list content
  • A Tailwind + PostCSS stylesheet pipeline wired into the build

Ideal for

  • SaaS and startup landing pages that need frequent messaging updates
  • Product waitlists and early-access sign-up pages
  • Simple marketing sites with a small number of reusable sections
  • Agencies creating quick client microsites on a consistent structure
  • Developers who prefer file-based content over a CMS for small sites

Customization

The project is designed around a clear separation of concerns: content lives in pages/data files, while presentation is handled through layouts and section partials. You can rearrange the landing page by changing how sections are composed, and you can adjust styling through the Tailwind configuration and the central stylesheet entry. Images are organized in a dedicated static directory, making it straightforward to replace placeholders with your own assets.

Requirements

You’ll need an Eleventy environment to build and serve the site locally, and the template’s dependency list includes Tailwind and PostCSS tooling.

Repository stats
lock-open 0 open issues
star 164 stars
eye 4 watching
code-fork 58 forks
code-commit 29 commits
history over 1 year ago
Stack
Tailwind CSS
Tailwind CSS v2
Eleventy
Eleventy 3.0
x logo-facebook logo-linkedin

Neat Starter

star 356

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

Vredeburg

star 110

Eleventy blog starter template

11r

star 151

Eleventy dark blog template starter