Free ecommerce template using HTML5 and CSS3 animations

Posted on

Estimated reading time: 0 minutes, 39 seconds

Christmas is over but I thought we at web design company London, would give away a little something even though it is mid January. I’ve created an Ecommerce website design template in HTML5 and implemented quite a few CSS3 animations. Included is both the original CSS and an un-minified version, the PSD that creates the sprite. It includes 6 web templates, homepage, product grid, main product view, view basket, login, shipping information. Feel free to browse the online demos:

Homepage - Ecommerce template
Product grid - Ecommerce template
Main product view - Ecommerce template

View basket - Ecommerce template
Login - Ecommerce template
Shipping information - Ecommerce template

Free ecommerce template

For now there is only support for IE8 and up. I might revisit this and add more backwards web compatibility in the future. If you have any questions, want to report a bug or showcase where you have used the template, please leave a comment.

Web Design
  1. Kristian says:

    Hi guys execlent work! Can you send me a copy of the template?

  2. Peter says:

    @kristian, the template link is at the bottom of the post. Or download the zip here

  3. Rahul says:

    I like the checkout! Is ok if i use in magento developenment for a client?

  4. Peter says:

    Sure @Rahul, you are free to use these HTML template as you wish. If you do use it in a live development be sure to come back and show us a link.

    Good luck

  5. Wow template looks great 😮

  6. Peter says:

    Thanks @David glad you approve. You have to pop in for lunch one day, Tuesdays are no good as Mike is away.

  7. Bron says:

    Yeah, this is cool…
    This is exactly what im looking for…
    Stylish, simple, free to use, just little modifing this would be perfect…
    Thank you…

  8. Jenny says:

    Hi, I would like to ask how to replace the logo inside the wrapper and change the background image? As in what are the attributes/tags?

    I’ve tried million times but it’s not changing..

  9. Peter says:

    Hi Michelle,
    The logo is in the sprite. You will need to either open the PSD or edit the sprite.png in the images folder.

    There is no background image, on the homepage template there is inside the article tag an img tag with the source photo.jpg overwrite that image with your own photo and it will work.

    Good luck and keep us posted of your progress.

  10. FancyAdda says:

    Its awesome template with cool looking feature & i hope to use your template for my new e-commerce site.


  11. vignesh raj says:

    awesome template.. got what i want lucky day.. i gonna keep your link there forever.. thousand thanks ..

  12. parchet says:

    Its a very nice template, minimalistic and nice to view, I would really like to apply it to my website , my only concern is the seo impact , there is not a lot of room for anchors etc…

    • Peter says:

      Hi Parchet, glad you like it. The design was intended to have a minimalist feel and we decided not to add much to the homepage. But there is obviously nothing stopping you from adding more content to the homepage underneath the photo. Please do let me know if you end up using it, we would love to see the result.

  13. parchet says:

    I will try to use it because it is what I was looking for , I’m not an expert in web design but maybe you can give me some tips along the way . I own a company that has two websites and I would like to a apply it to both but also I need to be very careful not to damage my google ranking , my sales depend on it .

  14. domster says:

    Hey great theme. I am just getting into web-design and havent done an ecom site yet. Does this template work with making real purchases or will there be some modifications needed ( as i asume there will be) to get a login and purchase. Thanks for the template.

  15. Waqas says:

    Nice Template 🙂

  16. stalker says:

    your website is awsome and i wil like to use it as a starting point for my website .I hope you understand that i dont want to “steal” it from you , but i am new in to this busines and i also have to do a lot of php for my site and custumozing this will spear my of a lot of work .this is going to be my first project for my first client and despite i studiet a lot html css js and php i lack real expearience .So can you give me an extra ok to download your template?

    PS sorry for possible bad english not native language.

  17. Mike says:

    Hey Guys,

    can you give me a hint how i cann install this awesome template under magento?

    Thank you very much in advanced!

  18. Peter says:

    Hi Stalker, yes you are free to use the template in any capacity. We are giving it away for free, please feel free to use it in your project.

    @Mike, you will have to create your own magento theme, but of course you are free to use our HTML templates to get the look if this template.

    • stalker says:

      tank you very mutch next weak i hope the site will be up and running and i’l give a link .
      the website will be an parfum ecomerce website for my client. I already started customizing it and is very simple and inteligent

      PS sorry for possible bad english not native language.

  19. Dharmawan says:

    Daebak!!!!!! Awesome template, this is too awesome, i wish you guys the creator a good fortune, thanks, awesome, thats all, i’m speechless

  20. vivek says:

    sir i want to more free template of e-commerce can you send me the link please peter sir

  21. ahamed says:

    hi peter i am looking for shopping cart website templates this is used for me and it has been worked for supper but database was include this site

  22. Ngura says:

    This template is awesome . Thank you very much

    Can I use it for commercial purpose

  23. col dixon says:

    Nice work guys, and I know this is going to sound cheeky, but do you have the original psd template files that I can work off? Muchas Gracias in advance.

    Keep up the great work


  24. Giuseppe says:

    Hello, i’m playing with the code and trying to make it responsive!
    I’ll give you the link soon, awesome job thank you!

  25. Peter says:

    @col I’m afraid we started with the HTML, no PSD was created for this template.

  26. Brandon Johnson says:

    great template. this is my first ecommerce website and i was wondering if this template will be easily adaptable to opencart. opencart is an ecommerce solution offered by my hosting company. Will it be easier to get an ecommerce template that already supports opencart or will it be easy enough to utilize this beautiful template. Any help would be greatly appreciated

  27. Peter says:

    @Brandon, I’m sure it would be less work using a template that already supports opencart. I don’t know how extensive your experience is in turning an HTML template into an opencart theme but if you create one feel free to send us a link when you go live, we would love to see it.

  28. Fabrice says:

    Nice template really. And optimized for speed (no heavy graphics and libraries). One thing though, there is no ‘onepage checkout’ page. Would you add it to the template, I would love to port your template to E2Cserver. Should you like this perspective, please get back in touch by email and we will work it from there.
    Best regards,

  29. Tyo says:

    Hey Dude, nice design bro!!

    many thanks…

  30. Syed says:

    Hi Peter,

    This is excellent shopping cart template and I am going to use this HTML5 template first time .

    nice work Peter .


  31. Jeffrey says:

    Hi Peter,

    excellent work!!!! I am going to use it in educational purpose. thanks.


  32. Jethz says:

    Hello. Thanks for the nice template! 🙂
    Just wanna ask, is this for free? Cause I wanna use this on the site that I’m planning to create 😀 I’m building my own simple e-commerce website and this one is perfect! Thanks 😉

  33. ranne says:

    nice template but there is no filter options while searching. e.g. advance filters (sizes, colours, price)

  34. agattruss says:

    nice template thank you

  35. ramojo says:

    Nice looking template! Thanks for doing the heavy lifting

  36. Dillip says:

    This is a nice template

  37. MLA Web Designs says:

    Good article an excellent way to articulate. Keep it up

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top