40 Beautiful Free HTML5 & CSS3 Templates

December 1st, 2011

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.


Info & Download

3. DesignStudio

A grunge styled website that is suitable for a portfolio or a blog.


Info & Download | Demo

4. SilverBlog

A great looking clean blog template that has been also ported to WordPress.


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.


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.


Info & Download | Demo

9. Serenity

A one column template that features an image slider on the home page.


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.


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.


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.


Info & Download | Demo

22. Shinra

A fresh corporate style that uses Google fonts and comes with contact, gallery and portfolio templates.


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.


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.


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.


Info & Download | Demo

27. OnlineSolutions

A 3 column orange template that is suitable for a business website.


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.


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.


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.


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.


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.


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.


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.


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.

Tags: ,

124 comments for „40 Beautiful Free HTML5 & CSS3 Templates
  1. Paul on December 2nd, 2011 at 10:01 am

    Thanks for this list.

    • Christina on December 8th, 2011 at 4:18 pm

      great collection, thanx for sharing!

  2. Evan 'OldWorld' Skuthorpe on December 2nd, 2011 at 10:37 am

    Some great templates.

  3. Marc on December 2nd, 2011 at 11:32 am

    Cool collection, thanks

  4. Thomas BEAL on December 2nd, 2011 at 1:56 pm

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

  5. Al on December 2nd, 2011 at 8:45 pm

    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?


    • Del on August 31st, 2012 at 7:41 pm

      Perhaps thios may help

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

      • motorku on September 25th, 2012 at 11:12 am

        Great collection and work done…

  6. Daniel on December 2nd, 2011 at 8:45 pm

    Thanks a lot guyzz…. greetings from Bolivia

  7. David Jones on December 2nd, 2011 at 9:05 pm

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

  8. Dipesh on December 3rd, 2011 at 12:49 pm

    Nice ideas and cool collection.

  9. Mariemma on December 3rd, 2011 at 1:19 pm

    Very nice selection ! Thank you

  10. ranjtih Siji on December 3rd, 2011 at 1:37 pm

    Fantastic Collection ! Thanks for sharing

  11. Venkatesh on December 3rd, 2011 at 2:27 pm

    Thank you very much for amazing collection

  12. Dogan Kutbay on December 4th, 2011 at 1:47 am

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

  13. Scott on December 4th, 2011 at 5:50 pm

    Pretty cool collection man…

  14. Mike on December 4th, 2011 at 8:02 pm

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

  15. aditia on December 6th, 2011 at 12:40 am

    love them all especially for the minimalist

  16. Boday on December 6th, 2011 at 8:54 am

    Nice!! Thank you

  17. Daniel Piechnick on December 6th, 2011 at 1:52 pm

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

    • fizzz on July 16th, 2012 at 7:46 pm


      fallback is usually for flash websites.

  18. Luca on December 6th, 2011 at 2:29 pm

    Nice collection! Thx ;)

  19. Gustavs on December 6th, 2011 at 7:22 pm

    Very nice collection indeed. Thanks for sharing! :)

  20. Marcell Purham on December 7th, 2011 at 11:19 pm

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

  21. Gonzalo on December 8th, 2011 at 9:12 pm

    Thanks for This List!!!

  22. Loic Helias on December 10th, 2011 at 8:50 am

    Thanks for sharing, Nice collection!

  23. Luca on December 11th, 2011 at 12:57 pm

    Nice list. Interesting.

  24. Kasper on January 1st, 2012 at 3:18 pm

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

  25. Priya Inbaraj on January 10th, 2012 at 7:49 am

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

  26. james on January 25th, 2012 at 3:22 am

    Very nice congratulations

  27. Ramandeep Singh on February 8th, 2012 at 5:02 pm

    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

  28. Chandra Prakash on February 17th, 2012 at 2:03 pm

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

  29. nithin on February 20th, 2012 at 6:16 am

    its amazing and thaks for sharing

  30. Anas on February 23rd, 2012 at 8:48 am

    Thanks for the great sharing :)

  31. Damodar bashyal on March 1st, 2012 at 12:12 pm

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

  32. Sana on March 5th, 2012 at 7:51 pm

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

  33. Prodyot on March 8th, 2012 at 4:35 am

    Awesome collection.
    Thanks for sharing.

  34. karthimx on March 13th, 2012 at 7:03 pm

    Very nice css templates, thanks for sharing.

  35. Caesarooke on March 16th, 2012 at 1:26 pm

    Very nice collection. Thank you for sharing.

  36. jayendra on March 27th, 2012 at 7:42 pm

    Thanks to share this. Nice collection.

  37. Ashish on March 29th, 2012 at 2:34 pm

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

  38. jagooweb on April 2nd, 2012 at 4:45 pm

    very nice. I like it

  39. xebii on April 3rd, 2012 at 6:12 am

    very nice collection, thanks for sharing.

    17. Simple Style 7 (love the most)

  40. Allan Helfstein on April 4th, 2012 at 8:03 pm

    spectacular collection

  41. Beatriz on April 22nd, 2012 at 12:55 am

    Excellent collection!!!

  42. frank on April 24th, 2012 at 1:26 pm

    Amazing collection……..

  43. Rajeshchha on April 26th, 2012 at 11:06 am

    Yes, it is Awsome

  44. Rex on April 26th, 2012 at 6:54 pm

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

  45. Mel on April 27th, 2012 at 12:22 am

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

  46. Hatay on April 28th, 2012 at 12:17 am

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

  47. Roy M J on May 4th, 2012 at 8:25 am

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

  48. Khanh on May 8th, 2012 at 12:20 pm

    Thanks for sharing. It’s great templates

  49. tarek-aec on May 15th, 2012 at 6:29 pm

    thank you soooooooo much !

  50. Lambo on May 16th, 2012 at 2:46 am

    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.

  51. polash on May 17th, 2012 at 11:04 am

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

    Just Awesome Collection…

    Lot of Thanks.

  52. arvind on May 18th, 2012 at 11:59 am

    thanx bro !!!!!!!!

  53. Carlos on May 22nd, 2012 at 9:09 pm

    Link does not work. Please fix.

    Thank you.

    • Robert Bowen on May 22nd, 2012 at 9:20 pm

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

      Noupe Editorial Team

    • Bretzel on November 29th, 2012 at 2:54 pm

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

  54. kropaman on May 23rd, 2012 at 7:54 pm

    well done thanks!

  55. Viktor on May 25th, 2012 at 6:53 pm

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

  56. Jo on May 27th, 2012 at 8:26 am

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

  57. Dick on June 2nd, 2012 at 10:14 pm

    Big thanks for sharing! Really good stuff in it.

  58. Priya Londhe on June 6th, 2012 at 6:49 am

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

  59. Alok on June 9th, 2012 at 6:00 am

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

  60. Sachin on June 12th, 2012 at 12:21 pm

    Awsome Templates

  61. Kursad on June 13th, 2012 at 12:29 am


  62. OM Kris on June 26th, 2012 at 2:53 pm

    terimakasih atas semua ini, succes to you…….

  63. Neil on June 29th, 2012 at 5:16 am

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

  64. Brian on June 30th, 2012 at 10:35 pm

    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.

  65. Ravi on July 2nd, 2012 at 3:13 pm

    Cannot download silverblog, can you please fix?

  66. Bhavin Soni on July 2nd, 2012 at 4:03 pm

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

  67. hamakura on July 10th, 2012 at 11:23 am

    thank you very much!!!

  68. Pramod Kumar on July 11th, 2012 at 9:39 am

    Great post!!

  69. Dyzk on July 15th, 2012 at 2:58 am

    Awasome collection. thnx

  70. leiva on July 16th, 2012 at 5:58 pm

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

  71. Cupidf007 on July 19th, 2012 at 4:24 pm

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

  72. O.D. on July 24th, 2012 at 5:13 pm

    Thanks for sharing. Perfect

  73. Soumen on July 27th, 2012 at 12:17 pm

    Nice Collection of Templates. thanks.

  74. Gudia on July 30th, 2012 at 9:03 pm

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

  75. Luke on August 3rd, 2012 at 8:55 am

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

  76. Aditya Mohan on August 9th, 2012 at 5:02 am

    thank-you for the templates—-

  77. Shasha on August 23rd, 2012 at 5:05 am

    Nice collection.. thanks for sharing..:)

  78. Saruar Ahmed on August 26th, 2012 at 8:18 pm

    I think this one is the best free HTML5 admin template

  79. Taremwa Abraham on August 28th, 2012 at 9:04 pm

    Nice collection and work done…

  80. Md. Raihanul Ihsan on August 29th, 2012 at 2:30 pm

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

  81. Grant on August 30th, 2012 at 3:39 pm

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

  82. Alex on September 9th, 2012 at 6:16 pm

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

  83. Daniele Cantoni on September 13th, 2012 at 5:23 pm

    Nice templates, even in your WordPress!

  84. gugu on September 17th, 2012 at 8:43 pm

    Great collection: thanks oncemore!

  85. Artem on September 18th, 2012 at 9:36 pm


  86. gabriel on September 20th, 2012 at 9:18 pm

    I am looking for a template for site in mi signature

  87. Tom on September 28th, 2012 at 8:38 am

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

  88. devis on October 3rd, 2012 at 6:42 pm

    It is an amazing collection thank you

  89. devis on October 3rd, 2012 at 6:43 pm

    Thank you for the collection I used a couple already

  90. wildhorde on October 12th, 2012 at 1:33 pm

    Beautiful Templates.Thank you for sharing :-?

  91. Masetty on October 13th, 2012 at 9:29 am

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

  92. abactiday on October 13th, 2012 at 12:11 pm

    Wow. very nice! THanks

  93. Long on October 16th, 2012 at 7:20 am

    Thanks alot!!!

  94. matth on October 27th, 2012 at 7:06 pm

    Thank’s . Great collection.

  95. Oyvind on November 2nd, 2012 at 3:04 am

    studio-one link is broken. Site 15

    Good site !!!

  96. Travels In Vizag on November 10th, 2012 at 6:04 pm

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

  97. gabriel on November 17th, 2012 at 1:45 am

    muy bueno para inspirarse :)

  98. Denis on November 22nd, 2012 at 8:01 pm

    Hello, my friend!

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

    Can you check please?


  99. S Ghosh on November 28th, 2012 at 7:15 am

    Great templates. Thank you.

  100. grupamt on November 29th, 2012 at 1:07 pm

    Very good templates !!

  101. Bretzel on November 29th, 2012 at 2:49 pm

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

  102. Rajesh Namase on December 16th, 2012 at 10:19 am

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

  103. Giovanne Afonso on December 16th, 2012 at 11:30 pm

    Nice job guys *–*
    Thanks for sharing

  104. Malte on December 20th, 2012 at 11:37 am

    Nice collection! Thank you very much :)

  105. Nobita on December 23rd, 2012 at 3:16 pm

    amazing collections ..thanks you

  106. Dedew on January 4th, 2013 at 9:16 am

    nice collection :)
    thanks for sharing.

  107. steve on January 5th, 2013 at 12:59 pm

    28. Touch The Future
    looks horrible in chrome…

  108. matias on January 12th, 2013 at 5:34 am

    cool collection!!! thanks for share!!

  109. Vishy Fishy on January 14th, 2013 at 1:57 pm

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

  110. mustafa on January 17th, 2013 at 12:18 am

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

  111. Kumar on February 9th, 2013 at 7:34 am

    Nice template collection Thanks

  112. Fisherman on February 9th, 2013 at 5:58 pm

    Thanks for the templates ..

  113. Noé on March 1st, 2013 at 12:39 am

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

  114. Moha Med on March 29th, 2013 at 12:14 pm

    Very inspiring template collection. Thanks !

  115. hitesh on April 9th, 2013 at 12:47 pm

    very beautifull template,
    thank you so much…….

  116. Jay Kay on January 22nd, 2014 at 6:47 am

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

  117. Isabella on March 26th, 2014 at 2:25 am

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

  118. joy on April 2nd, 2014 at 8:47 pm

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