40 Beautiful Free HTML5 & CSS3 Templates

Kein Beitragsbild

Kevin Muldoon

Kevin Muldoon is a professional blogger with a love of travel. He...

 Sponsors love

CodeMyConcept

Coded By Pros!


CodeMyConcept
Coded By Pros!

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 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. Hello, my friend!

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

    Can you check please?

    Regards.

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

Sorry, Comments are closed...