Twenty is a minimal, multi-page responsive site template by HTML5 UP, built with HTML5/CSS3 and the skel framework, designed for developers who need a free starting point for a straightforward website.
What is Twenty?
Twenty is a free, multi-page responsive HTML5 template created by AJ (n33.co) for HTML5 UP. It takes static content (text, images, navigation) and renders it as a collection of responsive HTML pages styled with CSS3, using the skel lightweight framework for layout, plus Sass sources for easier customization. The template ships with a main page and four additional page layouts, and is licensed under the Creative Commons Attribution 3.0 (CCA 3.0) license, allowing free personal and commercial use with attribution.
Key Features
- Multi-page layout — Includes the main homepage plus four additional page layouts, giving five distinct page structures for different content types.
- Fully responsive design — The layout adapts to screen sizes using the skel framework, with no separate mobile site needed.
- Sass sources included — Optional Sass files let developers customize variables and styles before compiling, without touching the CSS directly.
- Font Awesome icons — Icons are provided by Font Awesome, offering a large set of vector icons out of the box.
- jQuery plugins bundled — Includes jquery.dropotron for dropdown menus, jquery.scrolly for smooth scrolling, and jquery.scrollgress for a scroll progress bar.
- CCA 3.0 license — Free for personal and commercial use under Creative Commons Attribution 3.0, with attribution to the author.
- HTML5/CSS3 only, no build step — Uses plain HTML and CSS with skel, so the template runs on any static web host without compilation (Sass is optional).
Who is it for?
- Freelance web developers — can use Twenty as a clean starting point to spin up a quick multi-page client site without writing CSS from scratch.
- Small business owners — can deploy the static pages directly and replace the demo content with their own text to create a simple online presence.
- Designers learning responsive techniques — can study the skel-based grid and Sass structure to understand how a minimal responsive layout is built.
What can you do with Twenty?
- Build a multi-page marketing site — use the five page layouts to create separate pages for Home, About, Services, Contact, and more, each with a consistent header and footer.
- Create a portfolio website — the clean, minimal design suits a photographer or designer showing off work across multiple project pages.
- Prototype a product landing page — the responsive layout and icon set make it fast to mock up a product page that scales to mobile.
FAQ
Is Twenty free to use?
Yes, Twenty is free for both personal and commercial use under the Creative Commons Attribution 3.0 license. You must keep the attribution credit visible or provide it in your credits.
Can I use the demo images in my project?
No. The demo photos by Michael Domaradzki are for display in the HTML5 UP demo only and are not included in downloads. You must source your own images.
Does Twenty work on mobile devices?
Yes, it is fully responsive thanks to the skel framework, adjusting layout and navigation for phones, tablets, and desktops.
What technologies does Twenty use?
Twenty is built with HTML5, CSS3, and skel, and includes optional Sass sources for styling. It also bundles jQuery plugins for menus, scrolling, and a progress bar.
Do I need to compile anything?
No. The template runs directly as static HTML and CSS. Sass sources are included as an option if you want to modify variables, but you can also edit the compiled CSS.
