Essentials

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.

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 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 can also be found on Twitter: @KevinMuldoon.

Tags: ,

Sort by:   newest | oldest | most voted
Paul
Guest
4 years 9 months ago

Thanks for this list.

Christina
Guest
Christina
4 years 9 months ago

great collection, thanx for sharing!

Evan 'OldWorld' Skuthorpe
Guest
4 years 9 months ago

Some great templates.

Marc
Guest
4 years 9 months ago

Cool collection, thanks

Thomas BEAL
Guest
4 years 9 months ago

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

Al
Guest
Al
4 years 9 months ago

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
Guest
Del
4 years 25 days ago

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

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

motorku
Guest
4 years 1 day ago

Great collection and work done…

Daniel
Guest
4 years 9 months ago

Thanks a lot guyzz…. greetings from Bolivia

David Jones
Guest
4 years 9 months ago

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

Dipesh
Guest
4 years 9 months ago

Nice ideas and cool collection.

Mariemma
Guest
4 years 9 months ago

Very nice selection ! Thank you

ranjtih Siji
Guest
4 years 9 months ago

Fantastic Collection ! Thanks for sharing

Venkatesh
Guest
Venkatesh
4 years 9 months ago

Thank you very much for amazing collection

Dogan Kutbay
Guest
4 years 9 months ago

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

Scott
Guest
4 years 9 months ago

Pretty cool collection man…

Mike
Guest
4 years 9 months ago

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
Guest
4 years 9 months ago

love them all especially for the minimalist

Boday
Guest
Boday
4 years 9 months ago

Nice!! Thank you

Daniel Piechnick
Guest
Daniel Piechnick
4 years 9 months ago

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

fizzz
Guest
fizzz
4 years 2 months ago

fallback???

fallback is usually for flash websites.

Luca
Guest
4 years 9 months ago

Nice collection! Thx ;)

Gustavs
Guest
4 years 9 months ago

Very nice collection indeed. Thanks for sharing! :)

Marcell Purham
Guest
4 years 9 months ago

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

Gonzalo
Guest
4 years 9 months ago

Thanks for This List!!!

Loic Helias
Guest
Loic Helias
4 years 9 months ago

Thanks for sharing, Nice collection!

Luca
Guest
4 years 9 months ago

Nice list. Interesting.

Kasper
Guest
Kasper
4 years 8 months ago

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
Guest
Priya Inbaraj
4 years 8 months ago

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

james
Guest
james
4 years 8 months ago

Very nice congratulations

Ramandeep Singh
Guest
4 years 7 months ago

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
Guest
Chandra Prakash
4 years 7 months ago

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
Guest
4 years 7 months ago

its amazing and thaks for sharing

Anas
Guest
4 years 7 months ago

Thanks for the great sharing :)

Damodar bashyal
Guest
4 years 6 months ago

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

Sana
Guest
4 years 6 months ago

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

Prodyot
Guest
Prodyot
4 years 6 months ago

Awesome collection.
Thanks for sharing.

karthimx
Guest
4 years 6 months ago

Very nice css templates, thanks for sharing.

Caesarooke
Guest
4 years 6 months ago

Very nice collection. Thank you for sharing.

jayendra
Guest
4 years 5 months ago

Thanks to share this. Nice collection.

Ashish
Guest
4 years 5 months ago

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

jagooweb
Guest
4 years 5 months ago

very nice. I like it

xebii
Guest
4 years 5 months ago

very nice collection, thanks for sharing.

17. Simple Style 7 (love the most)

Allan Helfstein
Guest
4 years 5 months ago

spectacular collection

Beatriz
Guest
Beatriz
4 years 5 months ago

Excellent collection!!!

frank
Guest
frank
4 years 5 months ago

Amazing collection……..

Rajeshchha
Guest
4 years 5 months ago

Yes, it is Awsome

Rex
Guest
Rex
4 years 4 months ago

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

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

Mel
Guest
4 years 4 months ago

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

Hatay
Guest
4 years 4 months ago

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

Roy M J
Guest
4 years 4 months ago

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
Guest
4 years 4 months ago

Thanks for sharing. It’s great templates

tarek-aec
Guest
4 years 4 months ago

thank you soooooooo much !

Lambo
Guest
4 years 4 months ago

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
Guest
polash
4 years 4 months ago

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

Just Awesome Collection…

Lot of Thanks.

arvind
Guest
arvind
4 years 4 months ago

thanx bro !!!!!!!!

Carlos
Guest
Carlos
4 years 4 months ago

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

Link does not work. Please fix.

Thank you.

Robert Bowen
Noupe Team
4 years 4 months ago

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

Noupe Editorial Team

Bretzel
Guest
Bretzel
3 years 9 months ago

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
Guest
kropaman
4 years 4 months ago

well done thanks!

Viktor
Guest
4 years 4 months ago

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

Jo
Guest
4 years 3 months ago

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

Dick
Guest
Dick
4 years 3 months ago

Big thanks for sharing! Really good stuff in it.

Priya Londhe
Guest
4 years 3 months ago

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

Alok
Guest
4 years 3 months ago

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

Sachin
Guest
4 years 3 months ago

Awsome Templates

Kursad
Guest
4 years 3 months ago

Nice.

OM Kris
Guest
4 years 2 months ago

terimakasih atas semua ini, succes to you…….

Neil
Guest
4 years 2 months ago

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

Brian
Guest
Brian
4 years 2 months ago

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
Guest
Ravi
4 years 2 months ago

Cannot download silverblog, can you please fix?

Bhavin Soni
Guest
Bhavin Soni
4 years 2 months ago

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

hamakura
Guest
4 years 2 months ago

thank you very much!!!

Pramod Kumar
Guest
Pramod Kumar
4 years 2 months ago

Great post!!

Dyzk
Guest
4 years 2 months ago

Awasome collection. thnx

leiva
Guest
4 years 2 months ago

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

Cupidf007
Guest
4 years 2 months ago

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

O.D.
Guest
4 years 2 months ago

Thanks for sharing. Perfect

Soumen
Guest
4 years 1 month ago

Nice Collection of Templates. thanks.

Gudia
Guest
Gudia
4 years 1 month ago

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

Luke
Guest
Luke
4 years 1 month ago

#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
Guest
4 years 1 month ago

thank-you for the templates—-

Shasha
Guest
4 years 1 month ago

Nice collection.. thanks for sharing..:)

Saruar Ahmed
Guest
Saruar Ahmed
4 years 30 days ago

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

Taremwa Abraham
Guest
Taremwa Abraham
4 years 28 days ago

Nice collection and work done…

Md. Raihanul Ihsan
Guest
4 years 27 days ago

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

Grant
Guest
4 years 26 days ago

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

Alex
Guest
Alex
4 years 16 days ago

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

Daniele Cantoni
Guest
4 years 12 days ago

Nice templates, even in your WordPress!

gugu
Guest
4 years 8 days ago

Great collection: thanks oncemore!

Artem
Guest
Artem
4 years 7 days ago

poor(((

gabriel
Guest
gabriel
4 years 5 days ago

I am looking for a template for site in mi signature

Tom
Guest
Tom
3 years 11 months ago

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

devis
Guest
devis
3 years 11 months ago

It is an amazing collection thank you

devis
Guest
devis
3 years 11 months ago

Thank you for the collection I used a couple already

wildhorde
Guest
wildhorde
3 years 11 months ago

Beautiful Templates.Thank you for sharing :-?

Masetty
Guest
Masetty
3 years 11 months ago

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

abactiday
Guest
abactiday
3 years 11 months ago

Wow. very nice! THanks

Long
Guest
Long
3 years 11 months ago

Thanks alot!!!

matth
Guest
3 years 10 months ago

Thank’s . Great collection.

Oyvind
Guest
Oyvind
3 years 10 months ago

studio-one link is broken. Site 15

Good site !!!

Travels In Vizag
Guest
Travels In Vizag
3 years 10 months ago

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

gabriel
Guest
gabriel
3 years 10 months ago

muy bueno para inspirarse :)

Denis
Guest
Denis
3 years 10 months ago

Hello, my friend!

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

Can you check please?

Regards.

S Ghosh
Guest
S Ghosh
3 years 9 months ago

Great templates. Thank you.

grupamt
Guest
grupamt
3 years 9 months ago

Very good templates !!

wpDiscuz