Noupe Editorial Team July 2nd, 2009

50 Free High-Quality and “New” (X)HTML/CSS Templates

In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own. Hopefully some of these will meet your expectations and come in handy in your projects. You will have to check the license first for any restrictions or guidelines before using any template.

Environment Brand Design

View Demo | Download


This is a full px-based, cross-browser-compliant (X)HTML/CSS-template (IE 6, IE 7, Firefox, Safari, Google Chrome). It consists of 4 custom pages; the PSD-source is included.

View Demo | Download

Organic Template Design

View Demo | Download


View Demo | Download

101 design blog

View Demo | Download

ec mania

View Demo | Download

Fashion Club

View Demo | Download


View Demo | Download

WaterColored Portfolio Coded

A valid, standards compliant XHTML and CSS home-page from PSD template. You will also find a useful PSD to HTML Tutorial.

View Demo | Download

Clean Web 2.0 Layout

This tutorial will show you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design. All source files are included.

View Demo | Download

Dark and sleek web layout

A step-by-step tutorial on how to create a beautiful dark and sleek web layout using standards-based HTML and CSS. Source files are included.

View Demo | Download


Available in 3 color scheme (violet, green and brown).

View Demo | Download

Business Company

This template comes in 3 colour themes: blue, green and violet.

View Demo | Download

Fluid 960 Grid System Templates

960 pixel fixed width, 12-column fluid width and 16-column fluid width, which have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library.

View Demo | Download


View Demo | Download

FreshPick 1.0

A simple, minimal, fresh looking design which focus more on content. Great for blogs and small business websites.

View Demo | Download

Creative Media

View Demo | Download


View Demo | Download

Green Solutions

View Demo | Download


View Demo | Download


View Demo | Download


View Demo | Download

Treasure hunters

View Demo | Download

Urban Artist

A light on dark template. Has a fixed width, two columns layout. The design is a combination of a dark background and bright colored text and headers.

View Demo | Download


View Demo | Download


All in one with style switcher.

View Demo | Download

Design Newsletter Templates

Free newsletter templates which you can find handy for using them in your own e-mail marketing processes. DragonFly

View Demo | Download

Black Eyed Susan

View Demo | Download

Blog Division


Free Software

View Demo | Download

The Sky Was Blue

A free XHTML portfolio template, built using the 960 grid system.

View Demo | Download

Noupe Editorial Team

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.


  1. awesome list, really useful!
    i love “The Sky was Blue”, i saw this theme when it was release, really nice to adapt it to wordpress…

    adeux noupe

  2. As usual, a great compilation of resources. Would love to try some of these out for my next few projects.

  3. Awesome list… Matter of fact it will be “Today’s Top Choice!” over on my website in just a bit. I’ve got to say that I love the 960 grid best though.

  4. beautiful compilation, I like especially new ones, though such templates aren’t as much as I would wish!

  5. Thank you very much. Just looking for a little bit of inspiration for a new website. Your template collection is just unbelievable cool.

  6. this is really exiting material about HTML/CSS, this is very much helping for me, because i’m always searching about new ideas, you offering here as i find.


  7. I was just today trying to make YUI grids work with a 960 layout, which it doesn’t very well, when I ran across the 960 system on this page. Thanks!

  8. Awesome list… Matter of fact it will be “Today’s Top Choice!” over on my website in just a bit. I’ve got to say that I love the 960 grid best though.

  9. I just came from searching for a good site on Google and came to this site. I have to say these templates are good. Thank you for mentioning them in your entry. I will be sure to add this to my favorites.

  10. Nice post! I was wondering, as I usually read most of the entries here is there any way I can get updates sent to my inbox?

  11. Really great job.all templates are top class.but all are free.its really amazing.i want to download all the templates…
    Thanbk you

  12. Excellent Collection! Very hard work behind all the works and that too for free. Marvelous!!
    Really very obliged to have to make choice, of which template to download, for these wonderful works!
    Thank you very Much!

  13. Nice collection, love it :) i also know good place where to find premium quality templates for really low prices, try :) I hope u like it too guys! ;)

  14. Really great job.all templates are top class.but all are free.its really amazing

    Thanbk you
    Jomon epochendia

  15. Hey there this is kinda of off topic but I was wanting to
    know if blogs use WYSIWYG editors or if you have to manually code
    with HTML. I’m starting a blog soon but have no coding know-how so I wanted to get advice from someone with experience. Any help would be enormously appreciated!

  16. Great post, thanks for all the high quality and free templates. I for one have seen some new html css templates within. @ Tawnya most blog sofware come with built in wysiwug editors

  17. Very beautiful templates. Keep it up. One thing which is very required and is often overlooked is navigational menus. Would appreciate if you could include them in your next post.

Leave a Reply

Your email address will not be published. Required fields are marked *