Dec 01 2011

40 Beautiful Free HTML5 & CSS3 Templates

Advertisement

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)

About the Author

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

Homepage

Twitter Page

Comments and Discussions
  • Paul, 02 December 2011

    Thanks for this list.

    • Christina, 08 December 2011

      great collection, thanx for sharing!

  • Evan 'OldWorld' Skuthorpe, 02 December 2011

    Some great templates.

  • Marc, 02 December 2011

    Cool collection, thanks

  • Thomas BEAL, 02 December 2011

    It’s still hard to find the same quality as for the free WordPress themes

  • Al, 02 December 2011

    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

    • Del, 31 August 2012

      Perhaps thios may help
      http://caniuse.com/

      Kevin, The list is superb, thank you. Particularly liked the form demo in 52framwork

      • motorku, 25 September 2012

        Great collection and work done…

  • Daniel, 02 December 2011

    Thanks a lot guyzz…. greetings from Bolivia

  • David Jones, 02 December 2011

    nice collection of templates, i don’t look at free templates very often but these are pretty cool

  • Dipesh, 03 December 2011

    Nice ideas and cool collection.

  • Mariemma, 03 December 2011

    Very nice selection ! Thank you

  • ranjtih Siji, 03 December 2011

    Fantastic Collection ! Thanks for sharing

  • Venkatesh, 03 December 2011

    Thank you very much for amazing collection

  • Dogan Kutbay, 04 December 2011

    Wow, amazing templates! I really liked them, and will try to make them use on my wordpress blog if I can :)

  • Scott, 04 December 2011

    Pretty cool collection man…

  • Mike, 04 December 2011

    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! :)

  • aditia, 06 December 2011

    love them all especially for the minimalist

  • Boday, 06 December 2011

    Nice!! Thank you

  • Daniel Piechnick, 06 December 2011

    These look great. I hope they have fallbacks built in.

    • fizzz, 16 July 2012

      fallback???

      fallback is usually for flash websites.

  • Luca, 06 December 2011

    Nice collection! Thx ;)

  • Gustavs, 06 December 2011

    Very nice collection indeed. Thanks for sharing! :)

  • Marcell Purham, 07 December 2011

    very good html5 and css3 roundup! Looking forward to work with more html5 in the near future

  • Gonzalo, 08 December 2011

    Thanks for This List!!!

  • Loic Helias, 10 December 2011

    Thanks for sharing, Nice collection!

  • Luca, 11 December 2011

    Nice list. Interesting.

  • Kasper, 01 January 2012

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

  • Priya Inbaraj, 10 January 2012

    Nice Collection…. Thnx 4 sharing….!!!

  • james, 25 January 2012

    Very nice congratulations

  • Ramandeep Singh, 08 February 2012

    Nice collection, even i have just converted a new blogger portfolio template namely Indito portfolio blogger template, hope u like it, give it a look here http://www.jasica.in/2012/02/indito-portfolio-blogger-template.html

  • Chandra Prakash, 17 February 2012

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

  • nithin, 20 February 2012

    its amazing and thaks for sharing

  • Anas, 23 February 2012

    Thanks for the great sharing :)

  • Damodar bashyal, 01 March 2012

    Great Collection. I am gonna use the admin theme soon.

  • Sana, 05 March 2012

    Great collection of CSS templates amazing tuts,thanks for sharing it.

  • Prodyot, 08 March 2012

    Awesome collection.
    Thanks for sharing.

  • karthimx, 13 March 2012

    Very nice css templates, thanks for sharing.

  • Caesarooke, 16 March 2012

    Very nice collection. Thank you for sharing.

  • jayendra, 27 March 2012

    Thanks to share this. Nice collection.

  • Ashish, 29 March 2012

    Awesome ..Very nice..Thanks a lot…This will help me lot..

  • jagooweb, 02 April 2012

    very nice. I like it

  • xebii, 03 April 2012

    very nice collection, thanks for sharing.

    17. Simple Style 7 (love the most)

  • Allan Helfstein, 04 April 2012

    spectacular collection

  • Beatriz, 22 April 2012

    Excellent collection!!!

  • frank, 24 April 2012

    Amazing collection……..

  • Rajeshchha, 26 April 2012

    Yes, it is Awsome

  • Rex, 26 April 2012

    Awesome collection, just adding one more. A simple CSS3 portfolio template using no jquery

    http://webstutorial.com/css3-portfolio-menu/css3

  • Mel, 27 April 2012

    Love html5 and this is a great selection – many thanks for pulling them together.

  • Hatay, 28 April 2012

    The HTML5 comes with very nice specifications. I love it. Thank you for templates. I downloaded three ;)
    Regards.

  • Roy M J, 04 May 2012

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

  • Khanh, 08 May 2012

    Thanks for sharing. It’s great templates

  • tarek-aec, 15 May 2012

    thank you soooooooo much !

  • Lambo, 16 May 2012

    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.

  • polash, 17 May 2012

    How can i describe your greatness……….???

    Just Awesome Collection…

    Lot of Thanks.

  • arvind, 18 May 2012

    thanx bro !!!!!!!!

  • Carlos, 22 May 2012

    http://www.cssheaven.org/css_templates/silverblog/

    Link does not work. Please fix.

    Thank you.

    • Robert Bowen, 22 May 2012

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

      Noupe Editorial Team

    • Bretzel, 29 November 2012

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

  • kropaman, 23 May 2012

    well done thanks!

  • Viktor, 25 May 2012

    Learning html5 now, and this samples are awesome. The bar is setup high, thanks for sharing!

  • Jo, 27 May 2012

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

  • Dick, 02 June 2012

    Big thanks for sharing! Really good stuff in it.

  • Priya Londhe, 06 June 2012

    cool stuff…!!! thanks for sharing…!!!

  • Alok, 09 June 2012

    amazing nice collection gre8 job thanks for provide this very helpful for this

  • Sachin, 12 June 2012

    Awsome Templates

  • Kursad, 13 June 2012

    Nice.

  • OM Kris, 26 June 2012

    terimakasih atas semua ini, succes to you…….

  • Neil, 29 June 2012

    Great collection.. but I couldn’t find the template I’m looking for…one for text-heavy website..

  • Brian, 30 June 2012

    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.

  • Ravi, 02 July 2012

    Cannot download silverblog, can you please fix?

  • Bhavin Soni, 02 July 2012

    Cool Collection , thanx 4 sharing…………….

  • hamakura, 10 July 2012

    thank you very much!!!

  • Pramod Kumar, 11 July 2012

    Great post!!

  • Dyzk, 15 July 2012

    Awasome collection. thnx

  • leiva, 16 July 2012

    one of my fav html 5 themes!, thanks for sharing
    love them!

  • Cupidf007, 19 July 2012

    Its a nice collection of templates. I love it. Thanks for this collection.

  • O.D., 24 July 2012

    Thanks for sharing. Perfect

  • Soumen, 27 July 2012

    Nice Collection of Templates. thanks.

  • Gudia, 30 July 2012

    Beautiful collection of templates.. a lot of new things are there to learn.. gud work

  • Luke, 03 August 2012

    #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 ;)

  • Aditya Mohan, 09 August 2012

    thank-you for the templates—-

  • Shasha, 23 August 2012

    Nice collection.. thanks for sharing..:)

  • Saruar Ahmed, 26 August 2012

    I think this one is the best free HTML5 admin template http://usman.it/free-responsive-admin-template

  • Taremwa Abraham, 28 August 2012

    Nice collection and work done…

  • Md. Raihanul Ihsan, 29 August 2012

    This nice css templates will be very helpful for me.
    Thanks for sharing.

  • Grant, 30 August 2012

    i need an order form template that gets emailed to me….HELP ME PLEASE

  • Alex, 09 September 2012

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

  • Daniele Cantoni, 13 September 2012

    Nice templates, even in your WordPress!

  • gugu, 17 September 2012

    Great collection: thanks oncemore!

  • Artem, 18 September 2012

    poor(((

  • gabriel, 20 September 2012

    I am looking for a template for site in mi signature

  • Tom, 28 September 2012

    I like admin template html5 very much. Thank you for post share.

  • devis, 03 October 2012

    It is an amazing collection thank you

  • devis, 03 October 2012

    Thank you for the collection I used a couple already

  • wildhorde, 12 October 2012

    Beautiful Templates.Thank you for sharing :-?

  • Masetty, 13 October 2012

    The list if awesome! but i find medialoot is the best and cool. Billion thanks for the very good resources.

  • abactiday, 13 October 2012

    Wow. very nice! THanks

  • Long, 16 October 2012

    Thanks alot!!!

  • matth, 27 October 2012

    Thank’s . Great collection.

  • Oyvind, 02 November 2012

    studio-one link is broken. Site 15

    Good site !!!

  • Travels In Vizag, 10 November 2012

    Excellent templates looks good but where i can get travel one.

  • gabriel, 17 November 2012

    muy bueno para inspirarse :)

  • Denis, 22 November 2012

    Hello, my friend!

    The “SilverBlog” Template is not avaiable for the get info & download.

    Can you check please?

    Regards.

  • S Ghosh, 28 November 2012

    Great templates. Thank you.

  • grupamt, 29 November 2012

    Very good templates !!

  • Bretzel, 29 November 2012

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

  • Rajesh Namase, 16 December 2012

    Really nice collection, thanks a lot for sharing these HTML 5 and CSS 3 templates.

  • Giovanne Afonso, 16 December 2012

    Nice job guys *–*
    Thanks for sharing

  • Malte, 20 December 2012

    Nice collection! Thank you very much :)

  • Nobita, 23 December 2012

    amazing collections ..thanks you

  • Dedew, 04 January 2013

    nice collection :)
    thanks for sharing.

  • steve, 05 January 2013

    28. Touch The Future
    looks horrible in chrome…

  • matias, 12 January 2013

    cool collection!!! thanks for share!!

  • Vishy Fishy, 14 January 2013

    This is really a good examples of HTML5 and CSS3… carry on good stuff

  • mustafa, 17 January 2013

    I’ve been looking for inspiration for the redesign of my blog, and these are pretty cool, thanks!

  • Kumar, 09 February 2013

    Nice template collection Thanks

  • Fisherman, 09 February 2013

    Thanks for the templates ..

  • Noé, 01 March 2013

    Very good template, congratulations to the creator of the blog.
    Greetings from Lima, Peru.

  • Moha Med, 29 March 2013

    Very inspiring template collection. Thanks !

  • hitesh, 09 April 2013

    very beautifull template,
    thank you so much…….

  • Jay Kay, 22 January 2014

    I love #35, but cant preview or download …
    “This Account Has Been Suspended”

  • Isabella, 26 March 2014

    I liked Design studio which is good for portfolio and blog.

  • joy, 02 April 2014

    The list is awesome! but I think medialoot is the best and cool. Thanks for the very good resources.

search form
 
image description image description