Webdezign - Web designers London

+44 (0) 20 8446 1515

Free ecommerce template using HTML5 and CSS3 animations

Estimated reading time: 0 minutes, 36 seconds

Christmas is over but I thought we would give away a little something even though it is mid January. I’ve created an ecommerce template in HTML5 and implemented quite a few CSS3 animations. Included is both the original CSS and an unminified 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:

or simply download the zip

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.

37 Responses to “Free ecommerce template using HTML5 and CSS3 animations”

  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 :o

  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.

    Thanks

  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!
    Mike

  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

    Col

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

  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 .

    Regards,
    Syed

  31. Jeffrey says:

    Hi Peter,

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

    Regards,
    Jeffrey

  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 :D I’m building my own simple e-commerce website and this one is perfect! Thanks ;)

Leave a Reply

Google+