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!

















Rachel
June 5th, 2009 9:57 pmWhat a wonderful collection! I don’t see any reason why anyone should complain about the coding when the templates are free, both for personal as well as commercial use. I guess that is school boy attitude ;) The templates are extremely beautiful! Keep it up SmashingMag and TemplateWorld!
Kari
June 6th, 2009 6:34 amThank you Smashing Magazine and TemplateWorld! For someone who is starting out in web design, I really appreciate the free templates.
wecostumizedweb
June 6th, 2009 7:15 amI will love to costumized this thanks guyz ur the best :)
Erwin
June 6th, 2009 7:48 amSo TemplateWorld….waiting for gallery template for the next free stuff…
Lourenzo Ferreira
June 6th, 2009 4:17 pmIs it allowed to create Drupal Themes based on this, citing the original author, under GPL license?
Thanks
–
Lourenzo Ferreira
vaadevel
June 7th, 2009 3:57 amwow excellent collection thanks for smashing mag really its smash
Temirlan
June 7th, 2009 9:06 amYou, boys rock! Thank you very much.
blackskin
June 7th, 2009 3:43 pmGreat work..that’s really awesome :D
blackdeffender
June 7th, 2009 4:17 pmrealmente espectaculares there is no words… thanks a lot from chile
olive e-business pvt ltd.
June 7th, 2009 9:43 pmOlive e Business’s name in my opinion should be modified to Olive’sharassment Business services without any element of doubt!! They notonly are irregular in issuing the well deserved salaries
to theiremployees but also misguide and mistreat them tremendously.
Althoughthey claim to be an ethical company in Delhi, India but personallyspeaking I have till date not come across such an unethical company.So. please don’t go by the list of bluffing stuff they have mentionedin their website and save yourself from being a part of it. Thesalaries they are paying are not according to the market standards andthe work culture too isn’t corporate. HR seems to be quite inefficientand the management has never ever thought its employee’s benefits. Iknow many ex-employees who had genuinely served 2 months notice periodbefore quitting and are still asking for their full and final from thecompany when its already more than 10 months that they have left thecompany.
I think I would never ever recommend this Olive’sharassment Business services to any job seeker be he/she is the personI envy the most.
So beware and stay out of Olive’s mess!!!
shiyon
June 8th, 2009 2:05 amthaaannkyoooo..smaaashmaaaaag…
Skotmb
June 8th, 2009 3:43 amBeautiful templates. You guys are the BEST. Keep’m coming.
dangleberry
June 8th, 2009 8:51 amHey, here’s a free car for you to use, it hasn’t got any seat belts but it’s FREE, so don’t complain……
I know it’s a far off analogy but I think people are entitled to complain about Mark-up on this site. We as designers and developers want to adhere to good web standards, so as much as they are FREE templates at least make them up to scratch!
shan
June 8th, 2009 11:44 pmWowaaaaa.. Kool
Xavier
June 9th, 2009 12:04 amGreat templates! Encore!?
loy
June 9th, 2009 12:51 amMy goodness! These are all free? Fantastic!
Marcello
June 9th, 2009 1:36 amThe “2 breed” template seems to be missing the .psd file!
Anyway, thanks for sharing!
Marcello
adi dharma
June 9th, 2009 2:44 amthank you, this is so great
Edwin Khoo
June 9th, 2009 6:13 amA bit of a dumb question but might not be .. is this possible to be used in Blogger? shogun168@gmail.com
Sufiyan Ghouri
June 9th, 2009 11:12 pmAwesome…!!!
Rebecca Nelson
June 10th, 2009 6:26 amThis is absolutely AWESOME…
Faraz
June 10th, 2009 4:10 pmdoes the 2breed design contain the psd? i dont think it has it
AlexL
June 11th, 2009 1:27 pmHow can we get the 2 breed PSD file?!
denise
June 12th, 2009 4:32 amawesome awesome awesome! Thank you!
Dan
June 12th, 2009 8:03 amThanks for these, they are very inspiring and very presentable themes, even if a little impractical.
Good Stuff!
Ax
June 12th, 2009 8:35 amCan you delete or filter out all comment that have an any something like this:
or
Maybe add a restriction of minimal character in comment? Anyway, that’s hard to find a normal comment.
Anna
June 13th, 2009 1:14 amWow thanks! Those are good inspirations. And what can be better than actually see how it was build.
Elena
June 13th, 2009 5:17 amI’m not a spamer, but I’m so thankful that can say only awesome awesome awesome :)
Deneme
June 13th, 2009 4:02 pmaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
joris_lucius
June 14th, 2009 1:08 amvery very very nice, thanks for these great designs!
Samuel
June 16th, 2009 4:04 amthanks for this. Reading the ideas behind the design was very interesting and very helpful. To get inside a talented designers head and understand why they picked chess pieces or why they used black for a footer is rare. The article really shows the thought that goes into the smallest details in web design. Thanks again
Ricardo
June 17th, 2009 12:59 pmVery nice ones, excellent templates!! Keep on it!!
Niki
June 18th, 2009 1:04 amI just love the templates.
Stacey
June 20th, 2009 12:59 pmThanks to the designers and Smashing Magazine! These are really beautiful templates!
Marko Randjelovic
June 21st, 2009 7:00 amVery cool! Thank you! :)
Cendre de Lune
June 26th, 2009 3:41 amMerci ces templates sont superbes
Mouly
June 27th, 2009 11:35 amThanks to the designers and Smashing Magazine! Its quite awesome!
ROy
November 17th, 2009 11:42 pmthank you,
you can feel free to give some comets on my design.
grubylee
June 28th, 2009 2:43 amWhat a beautiful design, thanks for your sharing.
Aline
July 1st, 2009 12:33 pmWE LOVE YOU GUYS TOO!!! Wow! You guys just rock my world every single time Im on the website. Thanks so much for sharing!!! The templates are beautiful!!!
Stacy Blackman
July 1st, 2009 5:56 pmBeautiful designs one and all! Fantastic work, and thank you for sharing!
Jonathan Olsen
July 9th, 2009 2:25 pmThe links doesnt work for me.. Fix them plz!
Arthur E.B.
July 10th, 2009 10:01 amThanks for sharing!!!
Neel
July 18th, 2009 2:52 amExcellent collection. I like all the designs
CeeMoo
July 24th, 2009 1:13 pmTnx bro..
geez
July 29th, 2009 11:59 amthanks, to all of you that do this awesome work and share it with us.this is the most resourceful site on the web, you guys absolutely rock!
Artstudiosl
July 29th, 2009 2:12 pmWow wonderful this is amazing
anggi
August 6th, 2009 7:45 pmawsome collections… thanks alot
Webmaster
August 18th, 2009 11:17 amgoogle seo,search engine optimization,google adsense for thanks sharing ..
Ravi
August 23rd, 2009 10:20 pmExcellent collection….
Hats off to the creator….
Lorenzo Wallace
September 18th, 2009 7:03 pmGuys,
Awesome designs. The team paid a lot of attention to the design details. You could charge a premium price but you decided to offer them to us for free. Talk about adding value to your readers. Very Cool. I am learning a lot for the Smashing team.
Thanks,
Lorenzo Wallace
Eric
October 11th, 2009 1:43 amNice Collection , but can anyone explain to me why people buy templates? do the people like to have the same designs? do they not care that 500 or more websites will look the same or nearly the same?
sam
October 21st, 2009 2:53 amthese templets r very helpful.
keep publishing such templates ifn future
sam
October 21st, 2009 3:01 amtemplets r vey helpful.
hope to see such templets in future tooo.
Tejas
October 26th, 2009 1:34 amTemplates are quite good. Especially like Projection and 2Breed template
Jasper
November 4th, 2009 7:41 amMy question could be: How to edit them in the PSD file and then export the “slices” ???
Matt
November 14th, 2009 4:26 pmGreat templates guys, thanks for the hard work and then providing them for free, it’s greatly appreciated!
Ali
November 19th, 2009 11:42 pmThey are great :)
يوتيوب اسلامي
December 22nd, 2009 5:40 pmThanks for your help, thanks a lot
يوتيوب
اسلامي
dominate
December 28th, 2009 5:03 amcan I remove the credit links? Please clarify.
Tom
January 28th, 2010 7:28 amthanks a lot!!
i made psd template by my self and convert it using free service at mypsd4xhtml.com, but my design skills and sense for good looking website are awful!!
Dusky Template is exactly what i need!
thanks a lot again!!
om
March 10th, 2010 11:21 pmSolitude is really cool design…..Thanks a lot…..I want more…..
Robert Speer
March 17th, 2010 11:24 amI’ve adapted the Artificial Casting template to use the new ApostropheNow CMS as part of my review of it.
The HTML / CSS was a bit wordy but solid.
If you’re interested in seeing the live demo & review it’s here:
http://www.robertspeer.com/blog/apostrophenow-a-cms-so-easy-even-your-mom-could-use-it/
naren
March 22nd, 2010 9:06 pmthanks a ton guys. :)
been looking for exactly this kind of stuff.
autre
March 24th, 2010 6:43 pmGreetings !
Thanks for sharing …
Cheers :)
Autre
raz
March 26th, 2010 11:26 pmit is free templet from templateworld.com/free_templates_2_10_4.html.
mohamed habeeb
March 27th, 2010 1:35 amnice templates
misaeljuvenal
April 9th, 2010 6:46 ammuy bueno gracias por el aporte
mohan
April 27th, 2010 4:52 amSIMPLY SUPER, AND EXTRAORDINARY COLOR SCENE
NaCl
June 13th, 2010 2:36 amThanks a lot for your nice templates
Vakeel Ahmad
June 25th, 2010 2:03 amVery excellent design. Thanks friend……………….
Keep it up……………….
greg
July 22nd, 2010 7:32 pmhi, nice templates, but … are you sure its free?? I can’t download them … :’(
aruno
September 14th, 2010 5:26 amare they still free ? the links doesnt work anymore…
Srikanth
August 12th, 2011 1:12 amTemplates are awesome… Templateworld templates are beautiful!!!
Hammad
August 28th, 2011 11:48 pmThese are wonderful excellent…..!
Thankyou So Much….
B.Rabisankar
September 23rd, 2011 12:10 amVery Excellent templates . Thank u so much.
Amarnath
November 2nd, 2011 4:23 amam nt understand this site sir,
Kaylee Wigley
December 31st, 2011 12:21 amA round of applause for your blog article.Thanks Again. Fantastic.
Nichole
February 21st, 2012 7:01 pmWOW! I love your templates. Just found your site and haven’t looked around yet. Pre-emptive questions 1 looking for a WordPress template for my blog 2 looking to get a web site for my business set up and want it to look like your templates.
I’m going to look around but thought I’d ask!!