BROOK – An ultra-clean HTML blog template.
Designed for a hyper-focused blog. Made with the static site generator Eleventy 3 and the CSS framework Bootstrap 5.3.
Main Features
- • Bootstrap 5.3 based
- • Optimized and minimized HTML and CSS
- • W3C valid: 100%
- • GTmetrix Grade: A
- • Fully responsive
- • Comes with all assets. All assets are license-free and open source.
About this template
BROOK is designed for writers and bloggers who believe content should be the star. Its ultra-clean design eliminates distractions, creating a hyper-focused reading experience that keeps visitors engaged with your words.
Powered by Eleventy 3 and Bootstrap 5.3, BROOK delivers remarkable performance with just 2kb of HTML, 4kb of CSS, and 22kb of JavaScript. The template includes automatic WebP image conversion, SASS compilation, and optimized builds—all while remaining simple to use and customize.
Dev Features
- • Automatic page and post creation via Eleventy
- • Utilizing Nunjucks template language (by Mozilla). But also supports Liquid, Handlebars, Mustache, Pug, Haml and vanilla JS, HTML or Markdown.
- • Local dev server environment
- • Automated SASS compiling
- • Minified and optimized HTML and CSS code. Just 2kb HTML, 4kb CSS and 22kb JS
- • Automatic JPG -> webP image creation
- • Easy to use: Extract ZIP, run npm i and then npm run build to create the distribution pack in /public.
- • Available as GitHub template. Duplicate and clone with 2 clicks
License
What you can do
You can download, use, edit and change anything and use this HTML template even for commercial projects.
What you can't do
You can't release it "as it is" as your "own" on your own or any other website. Not for free nor commercial. To do that you need to do heavy design and code changes (Rule of thumb: Run a diff, if the source differs 50%+ everything is fine.)
