Kevin Muldoon December 1st, 2011

40 Beautiful Free HTML5 & CSS3 Templates

Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it's important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible.

The Templates

1. HTML5 Theme A minimal looking grey and pink design that comes packaged with an Ajax powered PHP contact form. HTML5 Theme Info & Download | Demo 2. OWMX-1 A beautiful clean two column design that would be perfect for a blog. OWMX-1 Info & Download 3. DesignStudio A grunge styled website that is suitable for a portfolio or a blog. DesignStudio Info & Download | Demo 4. SilverBlog A great looking clean blog template that has been also ported to WordPress. SilverBlog Info & Download | Demo 5. Clean Red A clean HTML5 powered template that could be used for a portfolio or blog. The download includes the original Photoshop PSD file. Clean Red Info & Download | Demo 6. CoffeeCols A magazine style template that features rounded corners and comes packaged with an inner template too. CoffeeCols Info & Download | Demo 7. Design Company Website A beautiful corporate style website that features its own gallery page. It also supports custom fonts.  Design Company Website Info & Download 8. Minimalism A simple corporate style design that has beautiful typography. Minimalism Info & Download | Demo 9. Serenity A one column template that features an image slider on the home page. Serenity Info & Download | Demo 10. Vibrant Professional Web Design A bright and colourful corporate style template. Vibrant Professional Web Design Info & Download 11. DaFrontPage A news style magazine template that has a 3 column layout. DaFrontPage Info & Download | Demo 12. High Five A beautiful free template that could be used for a blog or portfolio website. The original Photoshop PSD file is included in the download file. High Five Info & Download | Demo 13. Business Project A black and green corporate style template that features a jQuery slider on the home page. Business Project Info & Download | Demo 14. Single-Page Portfolio A fantastic single-page portfolio template that comes packaged with the original Photoshop PSD files. Single-Page Portfolio Info & Download | Demo 15. Studio One Another great template from CSS Heaven, this corporate style template features a jQuery slider on the home page and includes a portfolio section. Studio One Info & Download | Demo 16. Memoir A Japanese inspired free template that would be perfect for a personal blog. Memoir Info & Download | Demo 17. Simple Style 7 A fixed width 5 page template that uses Google fonts. Simple Style 7 Info & Download | Demo 18. Night Club A well designed template that was created specifically for night clubs. The photoshop PSD file can be downloaded if you sign up to the TemplateMonster newsletter. Night Club Info & Download | Demo 19. Small Business A small business template that also includes an about and services page. Small Business Info & Download | Demo 20. Cooking Site A tremendous recipe template that has a featured post slider on the home page. Cooking Site Info & Download | Demo 21. VividPhoto A beautiful photography template from Pritesh Gupta that allows visitors to browse images at the bottom of the page. VividPhoto Info & Download | Demo 22. Shinra A fresh corporate style that uses Google fonts and comes with contact, gallery and portfolio templates. Shinra Info & Download | Demo 23. One Page Portfolio A simple backwards compatible one page portfolio template. One Page Portfolio Info & Download | Demo 24. ArchiteXture A simple 2 column template that would be suitable for a small business website. ArchiteXture Info & Download | Demo 25. ElegantPress A clean template that's packed full of features. It includes a jQuery slider on the home page, built in contact form, lightbox for images, jQuery gallery and a jQuery portfolio. ElegantPress Info & Download | Demo 26. SocialStream A useful template for social media fans that allows you to display a live stream of your Facebook or Twitter activity. SocialStream Info & Download | Demo 27. OnlineSolutions A 3 column orange template that is suitable for a business website. OnlineSolutions Info & Download | Demo 28. Touch The Future An elegant free template design that includes a tutorial that explains how the theme was designed. Touch The Future Info & Download | Demo 29. FreshIdeas A simple black and yellow 2 column template. FreshIdeas Info & Download | Demo 30. Restaurant Beautiful typography and a good looking jQuery slider on the home page make this a great template for a restaurant website. Restaurant Info & Download | Demo 31. HTML5 Admin Template An advanced HTML5 admin template that can be used for creating a feature rich dashboard for your admin area. HTML5 Admin Template Info & Download | Demo 32. HTML5 Admin Another great HTML powered admin template that can be used as a template for your own project. HTML5 Admin Info & Download | Demo 33. 52framework Includes a simple HTML5 page, feature full HTML5 page and form, grid and CSS frameworks. 52framework Info & Download | Demo 34. One-Page Template A great looking blue one page template that uses jQuery to slide to different sections of the page. One-Page Template Info & Download | Demo 35. Lifebook A simple yet fun blogging template that features rounded corners. Lifebook Info & Download | Demo 36. PKE Meter Create your own iPhone app website using this useful free template. The HTML5 code and graphical design are explained in full to help you understand the template better. PKE Meter Info & Download | Demo 37. HTML5 Starter Pack Contains photoshop designs, reusable CSS classes, javascript and more to help you create your own HTML5 powered website. HTML5 Starter Pack Info & Download 38. HTML5 template A simple HTML template that comes in one column, two column and three column variations. HTML5 template Info & Download | Demo 39. Nova An HTML5 template that comes with 5 page templates, featured post slider, contact form and an image and video gallery. Nova Info & Download | Demo 40. Kroft Includes 6 background images, 6 page templates, homepage slideshow and social media integration. The photoshop PSD file can also be downloaded. Kroft Info & Download | Demo

In Closing

That just about finishes things off, but before we go, we wanted to get ask for your feedback. Hopefully you found something in the collection that got you excited. If so, what was it? What's your favourite HTML5 and CSS3 powered template, even if it wasn't included in this list? Feel free to use the comment section to fill us in. (rb)

Kevin Muldoon

Kevin Muldoon is a professional blogger with a love of travel. He writes regularly about topics such as WordPress, Blogging, Productivity, Smartphone and Gears and Social Media on his personal blog. He is also contributor at award winning VPN blog He can also be found on Twitter: @KevinMuldoon.

124 comments

  1. re HTML5 v2: well, downloaded the first one and it won’t work in IE8, ok in FF and Chrome, but IE8 is a no go. took a while to track it down but it does not like respond.js

    what’s the fix?

    Al

  2. Excellent list of templates, especially those based on HTML5 as I am trying to understand how to reveal its full potential.

    The most valuable thing about these templates is that they come for free! :)

  3. Really nice list actually found a design that isen’t so creative yet very appealing is the simplestyle templates :D and especially nr. 7

  4. Nice Collection :)
    I am unable to download Silver Blog Template.
    can you provide me alternate link or send it to my mail ID .

    Thank You !!

  5. Superb work Kevin Muldoon.. Ive got 2-3 templates for my own use from this. Among all of it, i like the color scheme and layouts of 13. Business Project. Great collection..

  6. Thanks for Sharing… Love the admin templates, this is a great source of reference… will sure share this link, again thank you so much, keep up the good work.

    1. Actually, Carlos, that site is currently down. That’s not something we can fix. :( Hopefully the site will return shortly.

      Noupe Editorial Team

    2. Carlos, I can’t tell if this (google) method will work for silverblog. It is the same problem for the High Five theme. I’ve just searched for “High Five css template” on google and I did land on a site where the zip file is available.

      Good luck :-)

  7. Thanks so much for sharing these. I love to be inspired by such great designs. Especially lov the Minimalist one!

  8. I attempted to download the Studio One template, but I’m getting the following error:

    “Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 122880 bytes) in /home/d82a81d2/public_html/wp-includes/pluggable.php on line 354.”

    I’ve tried downloading it unsuccessfully in Firefox, Chrome and Internet Explorer.

  9. #35
    Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 122880 bytes) in /home/d82a81d2/public_html/wp-includes/pluggable.php on line 354

    just letting you know ;)

  10. Tank you for this collection. I needed to improve my website (www.webuka.com) with some visuals from these templates. Good luck!

  11. I took the “High Five” template for my own learning through creating my own family journal. Our family is composed of 4 members – me and my wife (indeed) and two children : our son and our daughter :-) So that theme (colors and arts) is very well balanced between boy and girl, husband and wife. It’s very beautiful :-)

    …Now I have to break the structures into php code and jQuery – that’s my personal project.
    Thank you for your fantastic gifts :-)

Leave a Reply

Your email address will not be published.