Freebie: “Boxify” One Page Website Template

A modern free HTML5/CSS3 website template with a polished look and smooth animations, carefully crafted with the latest web technologies.

By in Freebies on
Demo Code

Today we are very happy to share a beautiful and modern one page website template with you.

Boxify is a stylish HTML5/CSS3 template that was carefully crafted and enhanced with some smooth effects. It’s fitting for any type of portfolio or start-up website, but it’s very flexible and can be used for many other projects.

About the website template

The responsive template is made with the freshest web technologies and it’s build with

Preview

Have a look at the whole template design:

Boxify_Preview

Check out the live demo of the template: Boxify Live Preview

Download the template for free:

You can download the ZIP file here:

Use it freely but please don’t republish or redistribute the template.

We hope you enjoy this freebie and find it useful!

If you’d like to contribute and publish your freebie on Codrops just drop us a line.

Peter Finlan

Peter's a UX lead @ Google. Crafting memorable, emotive and engaging experiences through research, testing and data science.

How to Create a Cover Page Transition

How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP

Shape Lens Blur Effect with SDFs and WebGL

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 107

Comments are closed.

  2. Just realized that I never said thank you! I’m using this as an .info page – it’s gorgeous and you saved me hours of work and when using I learned so much. Thank you!!!

    • Fantastic to hear you learnt so much from this freebie – this is what it’s all about! 🙂

  3. Thank you for the nice, clean, professional template. That too for free. I have downloaded and may use this page soon. I didn’t understand the Menu bars first. Then realized that it’s kind of bringing up the Menu in a different way. I am learning new technology with your template. Thanks again.

  4. Hi, Love this freebie!
    I am trying to duplicate the block of code – section class=”features-intro” – to use further down the page. However, the Flickity JS doesn’t seem to want to apply to the second -section-.

    Any help would be appreciated.
    Thank you again.

    • Hey Tim – shoot me an email with a little more context around your email and I’ll happily help.

  5. Hi
    thanks for the template. I am currently customizing it and had a question regarding
    the 8 images/tiles at the bottom. Currently they are linked to open the larger image in the tile.
    I would like the links to open a window(size of the large image) with webpage with a little content.
    Can you help/guide me. I am hoping to avoid javascript.

  6. Hi Peter Finlan,

    Your’s HTML 5 Boxify theme is really awesome, beautiful and elegant. But the slider(which beside the html5 logo and the iphone screen slider) seems not going fine in my server, when i run from my computer to my browser safari, it is fine. but when i upload to the server and run it live, the slider did not work.
    my website is http://btscl.com/index.html

    Please help me, and could you provide us a contact form that suit the theme design. Thank you thank you so much.

  7. hi , thanks for this professional template , i have a question . i need lazy load on this , how i can add lazy load to this project ???
    thanks .

  8. I want to install this theme in wordpress, but I keep getting an error that the stylesheet is missing. I investigated and saw the stylesheet, tried re-zipping the file and uploading, but still doesn’t work (for easy upload). Do you have any known issues?

    • Hey there

      Boxify is a HTML5/CSS3 template and does not come with WordPress integrated. You’ll have to have WP built in.

    • Hey there

      Boxify is a HTML5/CSS3 template and does not come with WordPress integrated. You’ll have to have WP built in.

  12. This is a realy beatiful template. I’ll use on my aplications web page and I bet it’ll be great.
    Thank you for the incledible work.

  14. It is nice to come across such good and smooth responsive web templates, really make my learning easier, Thank you Peter Finlan. Ismael Khangane – Mwanza. Tanzania.

  21. Hello my freind, tks for share this template.
    I need your help. I can´t fix the menu bottom. Can tell me what I need CSS file name change? You have the new code with this?

    Thank you.

  22. Can anybody tell me how to change the flickity slider controls?? I’ve been trying to do get it changed to autoplay. Where should I do that??

  24. Greetings and hatsoff Sir,
    Uptill now I have downloaded too many templates but have never considered or got bothered to put the name of actual designer/developer of webpage. You earned the respect and I will make sure to put the name as well as the website link at the end credentials if I ever publish this webpage.
    Thank You! for creating such marvelous work.

  25. Hey Peter, not sure if this has been answered already. How do I change the feature icons?
    Is there code associated with Glyphicon I have to add or change?

  26. Hi, we are facing a problem with the showcase section on iphone. The background image does not appear fully. We have checked this on the live preview. Is this a known problem?

    Greets

    Stefan

  27. Hey Peter, first of all, Thank you for such an amazing template!

    I was wondering if there’s anyway to change the font size when displaying in other devices, i.e. in an iphone. I added the following media queries but it doesn’t seem to work.

    @media (max-width: 1024px) and (min-width: 768px) {

    .overlay ul li a {font-size: 42px;}

    }

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px){

    .overlay ul li a {font-size: 42px;}

    }

    @media screen and (max-width: 768px){

    .overlay ul li a { font-size: 42px;}

    }

    Any tip?

    Thank you again!

  28. Hello,
    Im new to php, but have some .NET coding background, the design is truly what i need for my graduation project, the thing is, i m currently facing an error when trying to load the index page, there seem to be a missing class in the session.php file, the error is as follows
    Fatal error: Class ‘USER’ not found in C:\wamp64\www\GPS-TS\Index.php on line 4
    line 4 defines a variable named $user_home = new USER();
    i tried searching for that class throughout the available files but couldnt seem to find that class, am i missing something?

  29. The template is really beautiful. Thank you very much for your work. I will use the template for my own website.

  30. This template is nothing short of amazing. But, the parallax images are a bit testy to change as they do not appear in the source code. Does anyone who has used the template know what needs to be done to replace those images?