Twenty is a free, minimal, multi-page responsive website template by HTML5 UP, available as a static HTML5/CSS3 build and as a Jekyll theme port.
What is Twenty?
Twenty is the twentieth design from HTML5 UP, created by designer AJ (n33.co). Unlike the previous single-page templates on the site, Twenty includes a multi-page layout with five distinct page designs. It is built on HTML5 and CSS3 with the skel responsive framework, and includes Sass source files for customization. The template is released under the Creative Commons Attribution 3.0 (CCA 3.0) license, making it free for both personal and commercial use. A Jekyll version is also maintained on CloudCannon, allowing easy integration with static site generators.
Key Features
- Multi-page layout — includes the homepage plus four additional page layouts, breaking away from the single-page format of earlier HTML5 UP templates.
- Responsive design — uses skel to adapt the layout across mobile, tablet, and desktop screen sizes.
- Sass sources — SCSS files are bundled so you can customize colors, typography, and spacing without editing compiled CSS.
- Free CCA 3.0 license — permits personal and commercial use with attribution; no payment required.
- Font Awesome icons — integrated icon set for adding scalable vector icons to content.
- jQuery plugins — comes with dropotron for dropdown menus, scrolly for smooth scrolling, and scrollgress for a scroll progress bar.
- Jekyll port — a maintained version for Jekyll sites, usable with GitHub Pages and other static hosting.
Note: The demo photographs by Michael Domaradzki are used only for the live preview and are not included in the download.
Who is it for?
Twenty suits designers and developers who need a clean, minimal starting point for a multi-page website. It is especially useful for people building portfolios or small business sites who want to avoid front-end framework overhead. Jekyll users can take advantage of the ported theme to publish a blog or brochure site quickly.
What can you do with Twenty?
- Portfolio creators: showcase photography or design work across multiple pages without building a custom layout from scratch.
- Small business owners: assemble a simple multi-page site for services, about, and contact using the included page layouts.
- Jekyll bloggers: run a static blog using the Jekyll theme, with the same minimal design and responsive behavior.
How does Twenty work?
Download the source package from HTML5 UP, unzip it, and edit the HTML files and Sass sources locally. The site is fully static, so you can preview it in any browser and upload the output to any web server. For the Jekyll version, clone the theme repository and customize the markdown posts and configuration.
Pricing
Twenty is free under the Creative Commons Attribution 3.0 license. No paid tier exists; attribution in the footer is required.
FAQ
Is Twenty free?
Yes. Twenty is released under the CCA 3.0 license, which allows free personal and commercial use. You must keep the attribution credit.
Can I use the demo photos?
No. The photographs by Michael Domaradzki shown in the live demo are not included in the download and require explicit permission from the photographer for any use.
Does the Jekyll version support GitHub Pages?
Yes. The Jekyll port is designed for static site hosting, and it works with GitHub Pages without extra plugins.
What is skel?
skel is a lightweight responsive framework used by HTML5 UP to make templates adapt to different screen sizes. It is included with the template.
