Mobile11ty is an open-source Eleventy (11ty) starter template that builds a mobile-friendly static website and bundles an installable Android APK via Ionic from a single Markdown-driven codebase. The template is developed by the team behind eleventy.web.app and documented on the HockeyComputindo blog, with a live demo hosted on Cloudflare Pages at mobile11ty.pages.dev and a YouTube walkthrough linked from the README.
What is Mobile11ty?
Mobile11ty is a mobile-oriented Eleventy starter template that takes Markdown content as input and generates a static HTML/CSS/JS website optimized for small screens. In addition to the website, the project includes an Android APK built with Ionic, turning the same content into an installable mobile app. The repository is hosted on GitHub, and the template's topics include 11ty-mobile, eleventy-mobile, and mobile-11ty, confirming its focus on serving mobile web and Android app use cases.
Key Features
- Eleventy (11ty) static site — the template runs on the Eleventy static site generator, so you write content in Markdown and get plain HTML output that can be deployed to any static host.
- Android APK bundle — an installable Android APK is provided in the android folder of the repository, built with the Ionic framework, so you can distribute a mobile app without a separate native codebase.
- Mobile-first design — the README shows dedicated desktop and mobile screenshots, demonstrating a responsive layout that adapts from full-width desktop to compact mobile views.
- Cloudflare Pages demo — a live demo is available at mobile11ty.pages.dev, giving you a working preview of the generated site before you download or install anything.
- Documentation and video — the HockeyComputindo blog post and a YouTube video walkthrough cover setup, making onboarding easier for new users.
- GitHub project metadata — repository topics like 11ty-blog, 11ty-starter, and eleventy-website list the template as a general-purpose Eleventy website starter with mobile capabilities.
Who is it for?
- Mobile web developers — build a fast, lightweight website with Eleventy and a mobile-first layout, then deploy it to Cloudflare Pages or any static host.
- Developers who want an Android app quickly — download the provided APK, enable unknown-source installation, and install the app on an Android phone without writing native Java or Kotlin code.
- Content creators using Markdown — author posts or pages in Markdown and publish them to both the web and an Android app from one content source.
What can you do with Mobile11ty?
- Launch a mobile-friendly site — generate a static Eleventy website from Markdown and deploy it to Cloudflare Pages or similar services.
- Install the Android app — grab the APK from the GitHub repo, adjust your phone's install permissions, and run the app for a native-style experience.
- Study a working example — use the live demo, documentation, and video to understand how Eleventy and Ionic are combined before customizing your own copy.
How does Mobile11ty work?
For the Android side, the README describes a straightforward process: download the APK, change app permissions on your Android phone to allow installs from unknown sources, run the installer, then open the app. For the website, you edit Markdown content and rebuild with Eleventy to generate the static HTML output; the demo on pages.dev shows the result.
Pricing
The template is open-source on GitHub. The developer accepts optional support through GitHub Sponsors and a PayPal Buy me Coffee link.
FAQ
Does Mobile11ty require a backend?
No. Mobile11ty is an Eleventy static site generator template, so it outputs plain HTML/CSS/JS from Markdown content. You can host it on any static hosting service, such as Cloudflare Pages, without a server.
How do I install the Android APK?
Download the mobile11ty.apk file from the android folder in the GitHub repository, open your Android settings to allow installations from unknown sources, run the downloaded installer, and then open the app.
Is Mobile11ty free to use?
Yes. The source code is publicly available on GitHub, and the template can be used as a starter for your own projects. The developer includes sponsor and donation links for those who want to support the work.
Where is the live demo?
The demo is hosted at mobile11ty.pages.dev, which runs on Cloudflare Pages. The same demo is used for the YouTube test drive video linked in the README.
What tech stack does Mobile11ty use?
The template uses Eleventy (11ty) for static site generation and the Ionic framework for the Android APK bundle. Content is authored in Markdown, and the output is a static website suitable for mobile viewing.
