6 Free PSD/(X)HTML-Templates
We love our readers. We respect the hard work of designers and developers across the globe. And we do our best to make the web design community stronger and the Web a little bit prettier. Therefore we ask talented artists and creative professionals to showcase their skills and release something unique and beautiful as a gift to the community. And when designers agree, truly impressive works see the light of day.
A couple of weeks ago we released DelliStore, a professional CSS/(X)HTML-template with PSD-sources. In the poll and in the comments to this post our readers asked for more (X)HTML/CSS-template, so here are 6 more professional template that you can use without any restriction for your private or commerical projects. The template were designed by Templateworld and released for free especially for Smashing Magazine and its readers.
Download and use the templates for free!
The themes can be used and edited without any restrictions or limitations. Feel free to modify the templates in private or commercial projects – the templates are absolutely free to use.
Shape
From a long time we have been playing with the idea of creating a fusion design. Then we thought why not try a fusion between retro and contemporary design trends? Thus the ‘Shape’ template was born – an attempt to recreate the magic of the 70s while using a modern look. For this purpose we used typography and the Dahlia/Sunflower right in the centre to emphasize the retro look. The colour wheel behind the Dahlia/Sunflower is our view on changing times and colour preferences. Our love for nature shows through the entire design as we used a lot of green – in different shades, floral patterns and bamboo trees in the header.
That’s with the design. Coming to the page elements, the header section shows links to 8 pages, a registration, login and bookmarking link. The header also has an integrated search feature.
We wanted to have a distinct background colour for the company description and thus used black to make it look prominent. Then there is a news section, an awards column and a portfolio section. If you are one of those designers who have just too many designs to showcase, you can upload as many designs as you want as wehave provided a number of pages for it. The footer shows links to 8 pages.
The template code is validated by W3C and also conforms to section 508 of the US Rehabilitation Act for Accessible design.
- large fullscreen preview (.jpg)
- live demo
- download the template (.zip, PSD + (X)HTML/CSS)
Projection Template
This template incorporates the look and feel of graffiti art. You will see the header section with a wall as the background. We have used a bright shade of green as we wanted this template to exude a certain amount of freshness. If you are wondering what the wheel is all about, it’s a wheel of latest projects/services by the company.
We have deliberately used a dark colour for the footer so as to make it conspicuous as it contains important information like latest projects worked on and the corresponding client testimonials. The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.
- large fullscreen preview (.jpg)
- live demo
- download the template (.zip, PSD + (X)HTML/CSS)
Artificial Casting Template
We have always seen the game of chess as a very powerful game which requires immense intelligence and presence of mind on the part of the players. These little figures, though inanimate, look very powerful and mysterious. We used their images for the template to represent their power and mystery. ‘Artificial Casting’ shows the chess pieces ‘Knight’ and ‘Bishop’ standing aloof to show their sophistication and a sense of mystery.
The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.
- large fullscreen preview (.jpg)
- live demo
- download the template (.zip, PSD + (X)HTML/CSS)
2 Breed Template
Nature has always fascinated us with its attractive and vibrant colours. The natural colour of fruits and vegetables is where we drew inspiration for the design of this template. Therefore, you will see that we have used tomato and kiwi to give the template a natural feel. We have placed two of the main sections of the page – ‘Who We Are’ and ‘Latest Events’ on these to draw the reader’s attention to it instantaneously.
The right navigation shows links to 8 pages. We have also placed a box advertising the latest jobs by the company. Then there is a section which shows links to the latest blog posts. The links have rollover effect. We have used separate boxes for Ideas, Sign-up and Blog so as it to give them distinctive. Just below that you will find a newsletter sign-up box through which readers can stay updated on the latest activities on the website and by the company.
There is a Features section which enlists all the features of the services by the company. Beside that you will also find a Member Login box and a contact number for quick contact. To balance the light colours usage, we have used a dark colour for the footer which shows 8 links.
The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.
- large fullscreen preview (.jpg)
- live demo
- download the template (.zip, PSD + (X)HTML/CSS)
- 2 Breed Joomla Theme Release
Dusky Template
This template titled ‘Dusky’ is an illustration of the twilight which is our favourite time of the day. It is a time when the sky shows different hues of colour in a peaceful and serene setting. The sky bustling with chirping birds is also a treat to watch. We tried to replicate this beautiful part of the day in the template by using light shades of blue, green, and yellow and pictures of birds and sky.
The left navigation of the body area shows a User Login box and a Portfolio of projects. The users can browse through all the projects by clicking on Next. The right navigation provides information about new services and a Quick Contact box wherein users can enter their name and email ID to contact instantly. The central area provides a brief overview of the company.
The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.
- large fullscreen preview (.jpg)
- live demo
- download the template (.zip, PSD + (X)HTML/CSS)
Solitude Template
In this hustle bustle of life, we are always surrounded by people and our responsibilities and often long for solitude. This template, titled ‘Solitude’ depicts this reality of life. Solitude or quiet time has often been regarded as a blessing as this is the time when we think deeply, feel rejuvenated, and have our minds brimming with bright new ideas. If you are thinking that I am taking you on a spiritual realm, you are right! This is our intention through the template titled ‘Solitude’.
The header section shows a bird perched on a branch and looking upwards as if looking for inspiration. This is us, the designers who are always looking ahead for new ideas, inspiration and of course solitude! We used light colours and abstract art to complement the theme of the template.
The body shows a short description of the company, the services provided, and a testimonial column. The services column also shows the related icon. The right navigation shows a preview of photos by the company, a Quick Contact box, and Links to Projects completed.
The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.
- large fullscreen preview (.jpg)
- live demo
- download the template (.zip, PSD + (X)HTML/CSS)
Thank you, guys. We appreciate your work and your good intentions!

















David
June 4th, 2009 3:16 amWhat an awesome collection
Thanks!
Rafie
June 4th, 2009 3:17 amShall we convert it to WP template? :)
Chris
June 4th, 2009 3:17 amNice ones :-)
Sankar
June 4th, 2009 3:22 amGreat Collection of Templates. Have to try it on my site that which looks best.
abhi
June 4th, 2009 3:22 amWow !!
Thanks for sharing some excellent posts !!
Keep posting nice ones.
-Abhi
elo15e
June 4th, 2009 3:23 amThank you! There are gorgeous!
Marie
June 4th, 2009 3:24 amWow. Just wow. They are all awesome.
Skroz
June 4th, 2009 3:26 amGreat templates. Thanks.
Aleksandar Tasevski
June 4th, 2009 3:27 amNice collection of templates, thanks!
Andy
June 4th, 2009 3:28 amFantastic Collection!
jurica
June 4th, 2009 3:38 amThank you very much for this pleasant surprise.
;)
Nick
June 4th, 2009 3:54 amThank you! Finally, some nice non-WP templates!
Mahesh
June 4th, 2009 3:59 amnice templates….. Templateworld Rocks
kucrut
June 4th, 2009 4:00 ama.m.a.z.i.n.g.!.!.!
Narendra
June 4th, 2009 4:05 amGreat.! .
templates are awesome.
Dave
June 4th, 2009 4:08 amDusky and Solitude are my favourites.
Omar
June 4th, 2009 4:15 amOh these are great templates, Very good work
Nouri
June 4th, 2009 4:38 amAwesome .. !
Matthias
June 4th, 2009 4:46 amVery Inspiring! Just wonder how the detail pages should look like. But anyway, thank you very much for sharing!
Reza
June 4th, 2009 4:52 amWow, it so smashing…
fabio
June 4th, 2009 5:24 amawesome stuff! thanks for sharing!
Tob1
June 4th, 2009 5:37 amnot the best markup he ..
whats with the use of lists, paragraphs et cetera ?
piervix
June 4th, 2009 5:39 amGreat list!
Eric
June 4th, 2009 5:44 amexcellent, out of sight!
love seeing how other designers create their art for the net
NeonThoughts
June 4th, 2009 5:45 amthey are all great…but that solitude template is money.
France
June 4th, 2009 5:59 amWaouw, waouw!!! Just great, espacially the Solitude one ^^
fifaifo
June 4th, 2009 6:01 amgosh they’re a sight to behold. somebody pinch me, I can’t believe they’re free!
Lica
June 4th, 2009 6:05 amWhat’s with the ‘divitis’ in these templates. They’re beautiful templates, I just wish the mark-up was a bit more solid.
emoracket
June 4th, 2009 6:19 amI’m going to crazy cuz of this article!!!so nice…=D
mikemike
June 4th, 2009 6:22 amYea, you really love your designers and developers. That’s why you’re giving away free websites and advertising for template world, making all your designer fans useless. That’s ok because your designer fans are ignoramus.
andrehsantana
June 4th, 2009 6:23 amvery cool! xD
Raymond Selda
June 4th, 2009 6:26 amMy jaw literally dropped! I had to pinch myself! Thank you so much Smashing Magazine! You guys are really smashing! This is going to be historical! Thanks!
Shibi Kannan
June 4th, 2009 6:27 amvery nice resources
Ted Bragg
June 4th, 2009 6:37 amThese are wonderful! Perfect for customization!
Thad
June 4th, 2009 7:02 amThose are great! There are great designers out there.
trieutrinh
June 4th, 2009 7:06 amBeautiful collection resources!
Nicolette
June 4th, 2009 7:14 amHi there. I was wondering if these templates can be converted to wordpress?
Joseph Socorro
June 4th, 2009 7:15 amHi from Venezuela,
AWSOME post, thanks a lot.
Daniel
June 4th, 2009 7:16 amthese are beautiful! thank you!!
AnggaRifandi
June 4th, 2009 7:25 amThanks, very beautiful templates and also really inspiring me to make something.
Pedro Magalhães
June 4th, 2009 7:46 amThanks! They are really a piece of art!
Morning Toast
June 4th, 2009 8:02 amLove the themes but you gotta stop!! Every time you publish more themes I want to change mine! Too many good options. How to decide?
Vadim Grek
June 4th, 2009 8:09 amThanks! very nice…. but I need more :)
Larry
June 4th, 2009 8:17 amThanks for the great templates…
winst0n
June 4th, 2009 8:28 amShoddy markup, which is a shame. Using about 8 div’s to create menus that could be done with one list is really not very semantic.
The “solitude” template, for example, fails validation because of a closed P tag, that was never actually opened. Schoolboy error.
Who ever coded these up should read the article posted on here a while back about css heaven and hell.
Andrew
June 4th, 2009 8:30 amAw man, what’s the point of any of us being designers.
Mauro Carrasco
June 4th, 2009 8:50 amthanks for the gift! they’re awesome
Léo Renaud-Allaire
June 4th, 2009 9:02 amdiv class=”h3″
div class=”h2″
Wow. That’s just so wrong.
Stupid Monk
June 4th, 2009 9:11 am\m/
Really Awesome post!
Loved it :)
Tommy
June 4th, 2009 9:14 amAmazing, some of the best free templates I have seen, the people complaining about the shoddy mark up it’s hilarious they are free templates, do the mark up yourself :D
John D.
June 4th, 2009 9:19 amVery nice templates, thanks for sharing!
comWiz
June 4th, 2009 9:23 amSorry about the validation errors– seemingly we goofed up and forgot the QA check. The errors will be fixed first thing tomorrow morning. Thank You all! :)
Chaitanya VRK
June 4th, 2009 9:44 amThank you for the templates. I just started converting the ‘Solitude’ template to wordpress. Let me know if you want to see some other templates in action(wordpress). you can tweet me with your choice. I will try to release them soon for WordPress at my blog.
webbografico
June 4th, 2009 10:03 amvery beautiful ones… especially SHAPE!!
Jimmy
June 4th, 2009 10:17 amLovely! Very high quality templates- thank you! Think I will give Shape a try..
Katey
June 4th, 2009 10:53 amOh how I love you, Smashing Magazine.
Tworzenie stron www - Kreatif
June 4th, 2009 11:22 amI like 2 Breed Template
Barend
June 4th, 2009 12:00 pmNice collection. One question: how can an PSD file be an (X)HTML template? That depends on how you code your template…
matt
June 4th, 2009 12:07 pmThey look nice, but what are people actually supposed to do with these?
Daniel Errante
June 4th, 2009 12:45 pmThese are awesome, I can’t believe they are free! Projection and Shape are my favorites.
RTed!
John Faulds
June 4th, 2009 12:55 pmAs others have pointed out, the quality of the markup leaves a lot to be desired. Maybe someone else would like to volunteer their time to fixing it up?
Greg
June 4th, 2009 12:55 pmThese look really useful, I’m learning a lot by dissecting them. Thanks a ton!
JoAnn
June 4th, 2009 1:02 pmThese are wonderful – Thank you so much!
RD
June 4th, 2009 1:12 pmThis is pure awesome pack, I am going to start working on my first website layout and this will tremendously helpful..
Abisola Fatokun
June 4th, 2009 3:13 pmSeriously, Smashingmagazine has to be the BEST website in the world!! Yet another great post (with delicious freebies attached).
Dilipkumar Jadhav
June 4th, 2009 4:09 pmThis is amazing stuff !!!
Projection & Solitude are definitely my favorite…
Now, I need to find myself a project where I can use these.
Thank you so much SM !!!
Sinoun
June 4th, 2009 4:36 pmThank you so much. I’ve already downloaded them and am working with them right now. This made my day!!
komang
June 4th, 2009 4:43 pmAwsome :) love them all thanks for sharing them for free
Damien
June 4th, 2009 4:55 pmClean templates.
smalllotus
June 4th, 2009 5:04 pmawesome!
Jarryd
June 4th, 2009 5:49 pmThese are great!
tom
June 4th, 2009 6:24 pmA nice collection and well done – on the first glance, but for example – as another one mentioned before – the xhtml-templates are coded very poor. And actually I think there are nice graphics used by these templates, but there is no template I would use for a live site “as it is”.
Anyway – it’s nice sharing things … so I won’t complain any more ;)
ilz
June 4th, 2009 7:08 pmSome interesting work..
Jigar
June 4th, 2009 8:19 pmThanks SM!..
Nice Collection…
Chanel
June 4th, 2009 8:31 pmThank you. Beautiful collection!
Artem K
June 4th, 2009 9:11 pmNice job!!! Thanx you so much!
Rajnikant
June 4th, 2009 9:23 pmI just Say WoooooooooooW!!
Thanks for such a nice colletion
Markus Zeller
June 4th, 2009 10:59 pmWow, great designs. They are good to learn from. Thanks!
Nadun
June 4th, 2009 11:03 pmThanx a ton!!! nice collection of templates.
Raja Ghosh
June 4th, 2009 11:12 pmHi,
I know this person who make these all designs. we call him (laltu) he is civil engineer. but he make different in his profession.and he is my good friend. good work , laltu pls call whenever u get time.
Enk.
June 4th, 2009 11:29 pmWow, Those are really nice ! :P
TARIQ MAHMOOD
June 4th, 2009 11:54 pmmarvelous designs are dam good
Pradeep CD
June 5th, 2009 12:57 amGood designs..
xXKronosXx
June 5th, 2009 1:41 amThank you very much indeed for these great and useful templates.
Design ForSite
June 5th, 2009 2:27 amNice set of templates! Good for learning from at the very least!! For those commenting about XHTML compliance, for the temporary moment can the problems be easily fixed via an XHTML validator like that on http://www.w3c.org?
Cheers!
UB
June 5th, 2009 2:52 amThanks
Nixk
June 5th, 2009 5:15 amhaha so now all you people will have the same looking websites with awful coding..
Sagar Rajput
June 5th, 2009 5:22 amExcellent Designs… :)
Oryx
June 5th, 2009 5:23 amNice. If a bit busy.
diego A
June 5th, 2009 6:33 amWicked post smashing…Thanks!!
bicromatico
June 5th, 2009 6:54 amGreat done. It’s hard to find very nice templates like those for free.
Omer Yaqub
June 5th, 2009 7:55 amwawooooooooooooo…
DDamir
June 5th, 2009 8:46 amThanks.
Ploy
June 5th, 2009 9:12 amThank you so much! These are so great!!!
Jose
June 5th, 2009 9:59 amBeatiful coolection… thanks!!!
Ashwin
June 5th, 2009 11:01 amGreat Collection!!! Love it!
nemo1112
June 5th, 2009 11:39 amThank. so beautiful.
papis
June 5th, 2009 11:39 amThank a lot
Swetha Ganjipally
June 5th, 2009 12:02 pmWhat an awesome collection!!!!!!!
Thank you so much for sharing
Prashant Poladia
June 5th, 2009 12:27 pmThese are very good.