Free CSS Layouts And Templates
As a web-developer you don’t have to re-invent the wheel all the time. If it just has to work, and has to be valid, and has to have a nice, visually appealing design hierarchy, you just can use css-techniques developed in the web-dev-community over the last few years. If you take a look around, you’ll find many templates, which include basic (X)HTML/CSS-markup.
You can start from there, learning and exploring the possibilities of CSS and modifying templates for your exquisite taste. Below you’ll find a list of resources which offer free, gorgeous and valid CSS-based templates – usually with images and full layout structure, such as headers, navigation bars, content containers, sidebars and footers.
Usually developers require a link to the site where the template was downloaded from. So before using these templates it might be useful to take a look at the license agreement the developer provides. Links checked: July/13 2010.
(X)HTML- and CSS-Templates
- Open Source Templates
15 impressive templates - OSWD
Hundreds of templates and layouts of all possible kinds. - OSWT
A huge collections with search- and sort-functions. With annoying advertisement. - Maxdesign
23 layouts and design solutions - CSSplay
Stu Nicolls presents dozens of free professional layouts. Sometimes a permission to use layouts is required.
- Changingman
Beautiful liquid 3-col-layout. - Mollio
Seven variations of one template, incl. style guides as .pdf-files. - Six Shooter Media
15 Templates - Yahoo! UI Library: Grids CSS
A complex solution for many problems you might ever have: grid design is a principle well-known from image editors and layout tools. - CSS Design Templates
12 Templates - ThreeColumnLayouts, by CSS Discuss
Collection of 3-column-templates, gathered from a dozen of sources on the Web. - CSS Intensivstation
15 Layouts
- CSSFILL
Small collection for personal web-sites - CSS Frames Layouts
Frames are also possible with CSS
- Ex-Designz
98 (X)HTML-based CSS-templates - Code-Sucks
6 templates and various layouts with 2-4 columns. - Jimmy Lin
8 simple templates - Layout Gala
40 professional Layouts for fresh and serious online-presentations. - Little Boxes
16 Layouts, classic. - Solucija
19 Templates
milo
January 13th, 2007 3:09 amCool list.
rex
April 12th, 2010 11:55 pmya really cool
Frederick Townes
January 16th, 2007 12:41 pmAmazing resources! Well Done!
Miniclip
February 3rd, 2007 6:32 amThanx for all the usefull links again :D
Victoria
February 14th, 2007 3:37 pmLove you guys! And blogged about you a few times in the last few months. Keep it up!
Madonna
February 23rd, 2007 8:45 amI’m using CMS in my Macromedia 8 -it’s really cool.
I like it thank you for article ;-)
Jaime Silva | Publicidade e Multimedia
February 23rd, 2007 10:56 pmNice Blog.
Interesting to see how the web design 2.0 have so much sucssess.
DangGirl
March 15th, 2007 9:42 amI love(not like) love these! The ones at Dynamic Drive are exactly what I’ve been looking for. I wished I would have found this before I designed the site I just finished up! Arg…!
prasanth
July 8th, 2010 10:11 pmhi dear
scorpio
March 16th, 2007 2:56 pmThese are relly very good. i like them most
explorer
April 3rd, 2007 2:16 amnice weblog & nice job
very thanks…
ARTUR
May 7th, 2007 1:14 amgood article
Canoe
June 22nd, 2007 6:37 amThese are relly very good. i like them most
Felsefe
July 16th, 2007 2:07 amWell Done!
These are relly very good. i like them most.
Thanks ;)
Rene Furterer
September 9th, 2007 2:05 amThanks for very interesting article. Can I translate your article into polish and publish at my website?
I will back here and check your answer. Keep up the good work.
M
October 4th, 2007 2:06 pmSo here is a question. Can a CSS layout be built to be as follows.
3 columns plus header (and even footer) where the right hand column extends to the top of the page, i.e. top of right hand column is equal to top of header.
I have looked at LOTS of the CSS Layout around on the net and have yet to see this – is it not possible?
.m
p.s. Thanks for a great site.
jlm nv
March 14th, 2008 5:45 amOn the page, the link to the CSS templates is the same address as the link to the home page itself, and it takes you nowhere. Is it just me?
I really wanted to review these templates, but it was a hassle opening the pages through the Google translator.
RICKY CASTILLO
June 24th, 2008 4:55 amNICE
The flash guy
July 9th, 2008 1:18 amThanks another great resource and something to learn
Klein George Kamau
August 16th, 2008 5:31 amya, already available in deramweaver cs3. lol
Faiyaz
November 4th, 2008 7:26 amThese are relly very good. i like them most
Web3
November 11th, 2008 6:55 amUseful, thanks.
I tend to use the same CSS stylesheet on most of my projects, then strip it down and tweak it til its lean and great looking.
satti
December 19th, 2008 1:57 amrely very good
Uğur
February 16th, 2009 3:02 pmvery nice collection. thanks a bunch.
alex
March 3rd, 2009 10:36 pmI’ve seen a lot of CSS Layouts around but I think the Yahoo Interface Library Core CSS is one of the better ones.
ortak miras
March 16th, 2009 2:11 pmvery good, thanks
vishal
March 24th, 2009 12:34 amThese are very good and can be easily implemented on sites. Thanks for this post.
Manikandan
April 3rd, 2009 3:30 amWow… Wonderful Links.
Thanks for the links. SEO Services
Michael
April 8th, 2009 10:25 amGreat list… Some ideas I used on my page
Sait ERGÜN
April 8th, 2009 4:19 pmNice ;)
youtube
April 18th, 2009 3:53 amhoş temalar
Alex :)
May 6th, 2009 9:13 amhi my name is alex and im bored in my computer class
Daniel Errante
June 4th, 2009 1:18 pmGreat list of resources, will save designers hours of time now that all of this is in one place!
Garry
June 6th, 2009 4:34 amgreat list… and template details… i need more templates for training… and need css based design for …. 22 website design
Dave Pritipaul
June 15th, 2009 10:09 pmgreat site..im looking for a cool css layout..does anyone know where i can find one?
Digital
June 17th, 2009 6:47 amThanks This is a big help to web designers everywhere.
Stanley WAS
October 30th, 2009 2:48 amOne of my clients wants the (textual) content on the right hand side to follow the contour of an ellipse. All suggestions are appreciated!
pipegm
November 23rd, 2009 9:27 amThank you so much!!!
jignesh
February 7th, 2010 3:40 amits a good content will help in ma web design
thanks
large
February 7th, 2010 8:45 pmI dont know what kinda page this is but in IE6, it only has one narrow columb on the left side. You would think a site like this could do better. :))
Rawat
February 25th, 2010 1:47 amI like this site very much. This is relly very good site for see and find nice graphic and web designing sources.
Nate
March 6th, 2010 10:25 amSome of you might be interested in a free template I made. It has valid code, a decent design, portfolio page and a working contact form … all totally free. You can check out the demo on my blog: http://www.iamnatesmith.com/vibrantfoto-a-free-site-template/
kolomensky
March 10th, 2010 12:15 pmvery good, thanks
ill kepp ut on my site kolomensky
Vinesh
March 12th, 2010 2:56 pmExcellent resources. Thanks.
Macasura
April 5th, 2010 7:32 pmvery good inforamation
M.Nasir
May 31st, 2010 9:12 pmvery nice
mindxstudio
June 1st, 2010 5:55 amHappy to found this collection.
cars
June 16th, 2010 6:26 pmVery informative…Thanks for sharing!
yahya
July 23rd, 2010 3:36 amthx a lot…
really2 cool
peter kontos
August 16th, 2010 6:15 pmi love men oiled up
George
October 1st, 2010 6:22 amThanks! Here are 2 providers I usually get free nice templates from: WT and FTO …no link dropping…i’m just saying =)
Joe
February 14th, 2011 1:14 pmNice list of template websites! You may want to check out or include this Free Templates website to your list as well.
James
April 6th, 2011 11:53 amWow, that’s really useful if i’m strapped for time. Thanks.
If you’re interested in knowing how to create your own css layouts, go here http://hubpages.com/hub/CSS-position-with-float
wakakakaaa
July 12th, 2011 6:44 pmthanks a lot