Home Β» Templates


 Β· 7 min Β· Nasir

Three is a simple ecommerce website for creative individuals or businesses.

eCommerce free template

Three is a simple ecommerce website template that employs the implementation of parallax and modals. All the colours, fonts, and images are customizable to your specifications. Using a Bulma CSS framework, it is responsive and looks good in various screen resolutions from mobile devices, tablets to desktops.

Three by Heksagon

LicenseMIT License
Version of Productv1.0
Date of Release12-4-2021
  • πŸ”§ Easy-Installation
  • ⚑️ Fast
  • πŸ“± Responsive
  • 🎨 Customizable


Desktop Preview
Desktop Preview
Mobile Preview
Mobile Preview


Performance (Lighthouse Report)

Click here to check out the result

To keep it optimized, in the server that you choose to host, have a suitable caching policy and properly sized images.


If you like this template, please give a star at its GitHub Page, and consider supporting me at:

Support Me

Your support is greatly appreciated 😊

Installation πŸ“₯

  1. Dowload the zip folder from the link in GitHub or direct dowload by clicking here.
  2. Unzip all content (inside ‘three-main’ folder) to any working folder of your choice. The general structure should look like so:
.(site root)
    β”œβ”€β”€ index.html  <-- Customizable home page
    β”œβ”€β”€ favicon.svg  <-- Browser icon
    β”œβ”€β”€ hero.webp  <-- Hero Image
    β”œβ”€β”€ 1.webp, 2.webp, 3.webp  <-- Product images
    └──  three.css  <--- Styling CSS
  1. Use any text editor to edit the HTML files. You can create your own folders or store in the root folder as in this example.
  2. Once you have everything ready, make your website live by uploading the files to your hosting provider. Or you can register for a new hosting provider by clicking here:

Heksagon's Exclusive Affiliate Link
Quality Web Hosting At A Discounted Offer

If you encounter any issues or have any questions with the template, feel free to contact us directly.

Template Guide

  1. Once downloaded from Github, you will have a three-main.zip. Extract all the folder so into one root folder or you can organize your assets in their respective folder.
  2. To change the favicon, save your logo as favicon.svg in the root folder.
  3. At the hero section, the social media buttons can be linked to your social media by replacing the href value.
  4. In index.html & three.css, the colours, images, and fonts can be customizable for a fully responsive site. Change your product images by
    1. renaming new webp images to replace the default or
    2. creating a whole new file name and description by changing the value in three.css
  5. In order to receive any contact submission from site visitors, please replace the form action in the Subscribe Section in index.html to a valid one which can be retrieved by registering for a free account in Formspree or Tiny Letter for newsletters.
<form action="{{Replace your formspree link here}}" method="POST">

Custom Installation

If you’d like to have a custom installation and further customization, feel free to contact us to request for a quotation.


We use cookies to improve your experience on our site and to show you relevant advertising.

Read cookie policy

Accept & Close