Butterfly is a free 2-column HTML/CSS website template from TemplateMo, built as a simple, editable website layout with a blue color scheme. The template is distributed as static HTML and CSS files that anyone can download, edit, and use for commercial or non-commercial websites.
What is the Butterfly Template?
Butterfly is a static HTML/CSS website template with a two-column layout and a blue design, offered by TemplateMo at templatemo.com. It has no backend and no build step — you edit the HTML and CSS files directly in any text editor and upload them to any web host. The template was added to the TemplateMo catalog on 06 July 2008 and records 11,359 downloads and 51,636 views, making it one of the site's earlier and more popular free layouts.
Key Features
- Two-column CSS layout — Content is arranged in two vertical columns using standard HTML and CSS, with no framework or build tool required.
- Blue color scheme — The design uses blue tones throughout, as indicated by the template's
bluetag on TemplateMo. - 100% free license — The template is free to download, edit, and use for both commercial and non-commercial sites without a licensing fee.
- ZIP file download — The template is packaged as a ZIP archive, downloadable directly from the TemplateMo page.
- Live preview — TemplateMo provides a live view of the rendered design, letting you see the layout in action before downloading.
- Full-size screenshot — A full-size screenshot is available to inspect the template's visual details without downloading the files.
- Tagged and discoverable — The template is categorized with the tags
2-columnandblue, making it easy to locate within TemplateMo's collection.
Who is it for?
- Individuals who need a personal website — Set up a simple personal homepage by replacing placeholder text and images in the HTML files.
- Small business owners — Create a basic company site using the two-column structure for main content and a sidebar, avoiding design costs.
- Students learning HTML and CSS — Study the template's markup and stylesheet to understand how a two-column layout is constructed in plain CSS.
- Developers prototyping quickly — Use the template as a starting point for a static site, editing CSS properties and HTML blocks directly.
What can you do with the Butterfly Template?
- Build a static personal blog — Use the two-column structure for posts and a sidebar for links or archives, editing the HTML files directly.
- Create a portfolio page — Replace the body content with project descriptions and images, using the blue design as a backdrop.
- Design a small business landing page — Add your own text, contact details, and links, then host the static files on any web server.
- Learn CSS layout techniques — Inspect the template's CSS to see how a two-column layout is implemented without frameworks, a useful reference for beginners.
Pricing
The Butterfly Template is offered entirely free of charge. TemplateMo states it is "100% free to download" and permits use on commercial or non-commercial sites, so there is no paid tier or premium upgrade associated with this template.
Alternatives
- Tooplate — Another free HTML website template directory that offers downloadable static layouts; it is linked from the Butterfly Template page as a related resource.
FAQ
Is the Butterfly Template free?
Yes, the Butterfly Template is 100% free to download from TemplateMo. You can use it for both commercial and non-commercial websites without paying any licensing fee.
Can I edit the Butterfly Template?
Yes, you are allowed to download, edit, and use the template. Since it consists of plain HTML and CSS, you can modify any file in a text editor and restructure the layout to fit your needs.
What does the Butterfly Template include?
The download is a ZIP file containing the template's HTML and CSS files. The page does not list additional assets, so you should expect a standard static website layout with no backend dependencies.
How do I download the Butterfly Template?
On the TemplateMo page for Butterfly, click the "Download" button to receive the ZIP file. A "Live View" link lets you preview the rendered design, and a "Full-size Screenshot" link shows the layout in detail before you download.
When was the Butterfly Template added?
The template was added to TemplateMo on 06 July 2008, and the page reports 51,636 views and 11,359 downloads, indicating it has remained a popular choice among the site's free designs.




