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.

From our sponsor: Try Mailchimp today.

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


Have a look at the whole template design:


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.

Tagged with:

Peter Finlan

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

Stay up to date with the latest web design and development news and relevant updates from Codrops.

Feedback 107

Comments are closed.
  1. Peter, thanks so much for the great template.

    I’ve replaced the background of the first section “hero” with a video, and since doing so I have encountered the <a href=”” title=”Chrome position:fixed inside position:absolute breaking with iframe / video” rel=”nofollow”> bug.

    The suggested fix of adding
    -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);

    to the position: fixed elements isn’t working for me. Any ideas?

    • Hey Jeff

      Send me through an email directly and I’ll try to help (if you still need it). If not, be sure to share your fix 🙂

  2. I hope someone will be kind enough to help me. I downloaded this nice clean template and now what? I want to make it the front page for my tired old website. I tried uploading the two files with FTP to my host, but unsuccessfully.

  3. Hello Peter Finlan!
    My name is Julio Cavalcante, I am Brazilian, professional IT, web design and more love. I’m not a master like you, am a curious naverdade. I think their projects are wonderful.
    I downloaded one of its free themes: Boxify.
    I understand a little: css, java and others (not like you, of course).
    Using this theme if (Boxify), I stood in the question: “showcase-slider”.
    I can not make the slider which is inside the “IPHONE” automatically pass the 03 photos (or slider), that is, roll alone. Could you explain me how do I change this?
    Already, thank you.

  4. The scrolling kills my Core i5 CPU (15% -> 65%). How would one disable the smooth scroll?

    • Hey Dan

      You can disable the smooth scrolling by removing or commenting out the Smooth Scrolling script in the scripts-min.js file.

      Hope this helps

  5. Hi great theme! I have a problem though. Whenever I try adding multiple slider, it doesn’t work. It just piles up vertically. I tried copy & paste of the row with the HTML5 Logo after the watch the video. If you can help me thank you very much. 🙂

  6. 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! 🙂

  7. 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.

  8. 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.

  9. 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.

  10. 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

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

  11. 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 .

  12. 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.